최신 웹 개발 튜토리얼
 

HTML <canvas> height Attribute

<HTML <canvas> 태그

<canvas> 높이 200 픽셀의 폭 요소 :

<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
»그것을 자신을 시도

자세한 내용은 아래 예 "자신을보십시오."


정의 및 사용

height 속성은 높이 지정 <canvas> 픽셀 요소를.

팁 : 사용 width 의 폭을 지정하는 속성을 <canvas> 픽셀 요소를.

팁 : 캔버스의 높이 또는 너비가 다시 설정 될 때마다, 캔버스 콘텐츠 (페이지의 맨 아래 예 참조) 삭제됩니다.

팁 :에 대해 자세히 알아보기 <canvas> 우리의 요소 HTML 캔버스 자습서 .


브라우저 지원

표의 수치는 완전히 특성을 지원하는 제 브라우저 버전을 지정.

속성
height 4.0 9.0 2.0 3.1 9.0

HTML 4.01과 HTML5의 차이점

<canvas> 태그는 HTML5의 새로운 기능입니다.


통사론

<canvas height="pixels">

속성 값

기술
pixels 픽셀 캔버스의 높이를 지정합니다 (예 : "100" ). 기본 높이 인 "150"

더 예

설정에 따라 캔버스를 취소 width 또는 height 속성을 (자바 스크립트 사용) :

<canvas id="myCanvas" width="200" height="200" style="border:1px solid"></canvas>

<script>

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#92B901";
ctx.fillRect(50, 50, 100, 100);

function clearCanvas() {
    c.height = 300;
}

</script>
»그것을 자신을 시도

<HTML <canvas> 태그