본문 바로가기

canvas

[canvas] line 그리기

가장 먼저 선을 그려보도록 하겠습니다.



  

 
    

  

선을 그릴때 다음과 같은 메서드를 사용합니다.


beginPath(), moveTo(), lineTo(), stroke()


beginPath()는 새로운 선을 그리겠다고 선언하는 것이고 moveTo()는 시작좌표로 시작점을 나타내고


lineTo()는 끝나는 좌표로 어디까지 그리는지 나타냅니다.


마지막으로 stroke()메서드를 써야 canvas위에 그려지게 됩니다.

'canvas' 카테고리의 다른 글

[canvas] text 입력하기  (0) 2013.07.31
[canvas] arc 원호 그리기  (0) 2013.07.30
[canvas] line color  (0) 2013.07.30
[canvas] line width  (0) 2013.07.30
[canvas] canvas template  (0) 2013.07.30