Canvas tutorial #4 (Paths)
·
Programming/Canvas
※ 이 글은 예전 블로그에서 퍼왔으며 2020.3.2.에 작성된 글입니다. ※ 이 글은 해당사이트를 번역한 것입니다. Path(경로) 여러 하위 경로를 연결하여 경로를 생성할 수 있다. 각각의 새 하위 경로의 ending point는 새로운 context point가 된다. 각각의 하위 경로를 구성하는 방법으로 lineTo( )와 arcTo( ), quadraticCurveTo( ), bezierCurveTo( )가 있다. 또한 새로운 경로를 그릴때 마다 beginPath( )를 이용할 수 있다. context.beginPath(); context.moveTo(x, y); // line 1 context.lineTo(x, y); // quadratic curve context.quadraticCurveT..