DOM Canvas 다각형 그리기

선과 삼각형, 다각형들을 그리기 위해서는 Path를 이용하여 그려야한다.

주요 Path 함수

javascript

1. function draw(target) {

2.     var canvas = document.getElementById("draw");

3.  

4.     // 지원 여부 체크

5.     if (canvas.getContext) {

6.         // HTML5에서 canvas를 지원시

7.  

8.         // 그리기 오브젝트를 받음

9.         var ctx = canvas.getContext('2d');

10.  

11.         ctx.beginPath();

12.         ctx.moveTo(75, 50);

13.         ctx.lineTo(100, 75);

14.         ctx.lineTo(100, 25);

15.         ctx.closePath();

16.         ctx.fill();

17.     }

18. }

결과