그래서 캔버스 ???



HTML 캔버스란 무엇입니까?



HTML <canvas> 요소는 JavaScript를 통해 즉석에서 그래픽을 그리는 데 사용됩니다.



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



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



캔버스 예시



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



마크업은 다음과 같습니다.
<canvas id="myCanvas" width="200" height="100"></canvas>

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



다음은 기본적인 빈 캔버스의 예입니다.



자바스크립트 추가



선을 그리다



<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.moveTo(0, 0);
ctx.lineTo(200, 100);
ctx.stroke();
</script>

결론



계속 코딩하세요!!!



🙏 친구와 공유



👇 다음 주제에 대한 더 많은 게시물 찾기

좋은 웹페이지 즐겨찾기