HTML 캔버스 shadowOffsetY 속성
예
(사각형의 상단 위치에서) 20 픽셀을 오프셋 그림자와 사각형을 그립니다 :
자바 스크립트 :
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetY=20;
ctx.shadowColor="black";
ctx.fillStyle="red";
ctx.fillRect(20,20,100,80);
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetY=20;
ctx.shadowColor="black";
ctx.fillStyle="red";
ctx.fillRect(20,20,100,80);
»시도
브라우저 지원
인터넷 익스플로러 9, 파이어 폭스, 오페라, 크롬과 사파리 지원 shadowOffsetY 속성입니다.
참고 : 인터넷 익스플로러 8 이전 버전의 <캔버스> 요소를 지원하지 않습니다.
정의 및 사용
shadowOffsetY 속성을 설정하거나 그림자 모양의 수직 거리를 반환합니다.
shadowOffsety = 0은 (는) 그림자있는 모양 아래에 나타냅니다.
shadowOffsetY = 20 그림자의 모양이 정상 위치 아래 20 픽셀에 위치를 나타냅니다.
shadowOffsetY = -20 위 20 픽셀 최상위 위치의 그림자의 모양을 나타냅니다.
팁 : 사용, 그림자와 수평 거리의 모양을 조정하려면 shadowOffsetX의 속성을.
| 기본값 : | 0 |
|---|---|
| 자바 스크립트 구문 : | 상황에 맞는.shadowOffsetY = 번호; |
속성 값
| 值 | 描述 |
|---|---|
| number | 正值或负值，定义阴影与形状的垂直距离。 |
HTML 캔버스 참조 설명서