자바스크립트 완벽 가이드

JavaScript

562

15장 웹 브라우저의 자바스크립트

c.quadraticCurveTo(550, 75, 625, 125); // (625, 125)

까지

곡선을

그립니다

.

c.fillRect(550

-

3, 75

-

3, 6, 6); //

조절점을

지정합니다

.

//

큐빅

베지어

곡선

c.moveTo(625, 100); // (625, 100)

에서

시작합니다

.

c.bezierCurveTo(645,70,705,130,725,100); // (725, 100)

까지

곡선을

그립니다

.

c.fillRect(645

-

3, 70

-

3, 6, 6); //

조절점을

지정합니다

.

c.fillRect(705

-

3, 130

-

3, 6, 6);

//

마지막으로

도형을

채우고

외곽선을

그립니다

.

c.fill();

c.stroke();

󼘜󻝳󼞇

캔버스에 텍스트를 그릴 때는 일반적으로

fillText()

메서드를 사용합니다. 이 메

서드는

fillStyle

프로퍼티에서 지정한 색깔이나 그레이디언트 또는 패턴을 사

용해 텍스트를 그립니다. 텍스트 크기를 키우고 특별한 효과를 내고 싶을 때는

strokeText()

를 써서 개별 폰트 글리프(기호)의 외곽선을 그립니다. 두 메서드 모

두 첫 번째 인자로 텍스트를 받고 두 번째와 세 번째 인자로 텍스트의 x, y좌표를

받습니다. 두 메서드 모두 현재 지점이나 현재 패스에 ...