예
그림자와 사각형을 그립니다은 (사각형의 왼쪽 위치에서) 오른쪽으로 20 픽셀을 배치 :
자바 스크립트 :
var c=document.getElementById("myCanvas");
var
ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetX=20;
ctx.shadowColor="black";
ctx.fillStyle="red";
ctx.fillRect(20,20,100,80); »그것을 자신을 시도 브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
| 재산 | |||||
|---|---|---|---|---|---|
| shadowOffsetX | 예 | 9.0 | 예 | 예 | 예 |
정의 및 사용
shadowOffsetX 속성 세트 또는 모양에서 그림자의 수평 거리를 돌려줍니다.
shadowOffsetX=0 그림자가 바로 모양 뒤에 있음을 나타냅니다.
shadowOffsetX=20 그림자 (모양의 왼쪽 위치에서) 오른쪽으로 20 픽셀을 시작 있음을 나타냅니다.
shadowOffsetX=-20 그림자 (모양의 왼쪽 위치에서) 왼쪽으로 20 픽셀을 시작 있음을 나타냅니다.
팁 : 모양에서 그림자의 수직 거리를 조정 사용 shadowOffsetY 속성을.
| 기본값: | 0 |
|---|---|
| 자바 스크립트 구문 : | context.shadowOffsetX=number; |
속성 값
| 값 | 기술 | 플레이 |
|---|---|---|
| number | 모양의 그림자의 수평 거리를 정의 양수 또는 음수 | »플레이 |