캔버스의 높이를 지정합니다. HTML
id, name, class 등과 같은 모든 핵심 HTML5 속성과 함께 너비와 높이 2개의 특정 속성이 있는 간단한
<canvas id="myCanvas" width="100" height="100"></canvas>
여기에 속성이 있습니다 -
| 속성 | 값 | 설명 |
높이  | 픽셀 | 캔버스의 높이를 지정합니다. |
폭  | 픽셀 | 캔버스의 너비를 지정합니다. |
예시
다음 코드를 실행하여 캔버스를 사용하여 사각형을 만드는 방법을 배울 수 있습니다. 캔버스 요소에는 렌더링 컨텍스트와 해당 그리기 기능을 가져오는 getContext라는 DOM 메서드가 있습니다. 이 함수는 컨텍스트 2d의 유형인 하나의 매개변수를 사용합니다.
<!DOCTYPE html>
<html>
<head>
<title>HTML Canvas Tag</title>
</head>
<body>
<canvas id = "myCanvas"></canvas>
<script>
var c = document.getElementById('myCanvas');
var ctx = c.getContext('2d');
ctx.fillStyle = '#7cce2b';
ctx.fillRect(0,0,300,100);
</script>
</body>
</html>