HTML5 Canvas

HTML5 Canvas

HTML Canvas 란 무엇입니까?

HTML <canvas> 요소는 자바 스크립트를 통해 즉석에서 그래픽을 그리는 데 사용됩니다.

<canvas> 요소는 그래픽의 컨테이너 일뿐입니다. 실제로 그래픽을 그리려면 JavaScript를 사용해야합니다.

Canvas에는 경로, 상자, 원, 텍스트 그리기 및 이미지 추가를위한 여러 가지 방법이 있습니다.

Canvas Examples

캔버스는 HTML 페이지의 사각형 영역입니다. 기본적으로 캔버스에는 테두리가없고 내용이 없습니다.

마크 업은 다음과 같습니다.

<canvas id="myCanvas" width="200" height="100"></canvas>

참고 : 항상 id 특성 (스크립트에서 참조 할 수 있음)과 너비와 높이 특성을 지정하여 캔버스의 크기를 정의하십시오. 테두리를 추가하려면 style 속성을 사용하십시오.

Example

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;">

</canvas>