HTML <canvas> width Attribute

<HTML <canvas> 태그

예

<canvas> A의 요소 height 와 width 200 픽셀의 :

»그것을 자신을 시도

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

정의 및 사용

width 속성은 폭 지정 <canvas> 픽셀 요소를.

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

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

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

브라우저 지원

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

속성
width	4.0	9.0	2.0	3.1	9.0

HTML 4.01과 HTML5의 차이점

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

통사론

속성 값

값	기술
pixels	픽셀 캔버스의 폭을 지정합니다 (예 : "100"). 기본 폭은 "300"입니다

더 예

예

설정에 따라 캔버스를 취소 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>