canvas

English [ˈkænvəs] US [ˈkænvəs]

n. 캔버스, 유화(천)

vt.

html5<캔버스> 통사론

Function: <canvas> 태그는 차트 및 기타 이미지와 같은 그래픽을 정의합니다. <canvas> 태그는 그래픽을 위한 컨테이너일 뿐이므로 그래픽을 그리려면 스크립트를 사용해야 합니다.

Parameters:

Property
ValueDescription
heightpixels 캔버스의 높이를 설정합니다.
widthpixels캔버스의 너비를 설정합니다.

html5<캔버스> 예


<!DOCTYPE HTML>
<html>
<body>

<canvas id="myCanvas">your browser does not support the canvas tag </canvas>

<script type="text/javascript">

var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);

</script>

</body>
</html>
인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요