[JS.024] Canvas로 그림 그리기

 

 

[1] <canvas>는 HTML5에서 새롭게 나온 태그로서, 자바스크립트 코딩으로 아래 그림과 같이 여러 가지 그림을 그릴 수 있습니다.

 

HTML <canvas> 태그로 그림그리기

 

[2] 실습코드

• 아래의 코드에는 <canvas> 태그를 이용하여 "선", "원", "사각형",  "문자", "애니메이션"을 나타내는 예제가 있습니다.
• JS 주석을 보면서 하나씩 따라해 보면 그림이 그려질 것입니다.

See the Pen Untitled by wootekken (@wootekken) on CodePen.

 

canvas 좌표

 

---

 

 

캔버스 관련 참고 사이트: http://www.soen.kr/