Canvas tutorial #2 (Lines)
·
Programming/Canvas
※ 이 글은 예전 블로그에서 퍼왔으며 2020.3.1.에 작성된 글입니다. ※ 이 글은 해당사이트를 번역한 것입니다. Line 선을 그리기 위해선 beginPath( )나 moveto( ), linto( ), stroke( )와 같은 방법을 사용할 수 있다. 먼저 beginPath( )를 사용하여 새로운 경로를 그릴 것 임을 선언 할 수 있다. 다음으로 moveto( )를 사용하여 context point를 위치 시키고, lineto( )를 사용하여 시작 위치에서 새 위치로 직선을 그릴 수 있다. 마지막으로 stroke( )를 사용해 선을 보이게 할 수 있다. 특별한 명시가 없는 경우엔 default 값은 검은색이다. ( ex. context.strokeStyle = "red"; ) context.beg..