
557
15.8 <canvas>의 그래픽
shadowOffsetX
,
shadowOffsetY
프로퍼티는 그림자의 가로와 세로 오프셋을 지정
합니다. 기본 값은 0이며 그림자가 그림 바로 아래 생기므로 보이지 않습니다. 두 프
로퍼티에 양수를 지정하면 광원이 왼쪽 위에 있는 것처럼 오른쪽 아래에 그림자가
생깁니다. 오프셋이 크면 클수록 그림자도 커지고 그림이 캔버스 위에 더 ‘높이’ 위
치한 것처럼 보입니다. 이 값은 15.8.5절에서 설명할 좌표 변형과는 무관합니다. 그
림자의 방향과 그림의 ‘높이’는 도형을 회전하고 확대하더라도 그대로 유지됩니다.
shadowBlur
프로퍼티는 그림자의 경계선을 얼마나 흐리게 처리할지 지정합니다.
기본 값은 그림자가 전혀 흐려지지 않는 0입니다. 값이 클수록 더 흐려지고, 이 값
의 한계는 실행 환경에 따라 다릅니다.
strokeStyle
이나
fillStyle
에
rgba(…)
같은 CSS 색깔 문법을 사용해 반투명한 색
깔을 쓸 수 있습니다. RGBA의 a는 알파(alpha)를 뜻하며 완전히 투명한 0에서 완
전히 불투명한 1 사이의 값입니다. 캔버스 API는 반투명한 색깔을 다른 방법으로
도 지정할 수 있습니다. 각 색깔에 명시적으로 알파 채널을 지정하지 않고
global
Alpha ...