HTML 캔버스 shadowColor 속성
예시
검은 그림자가 있는 빨간색 사각형을 그립니다.
자바스크립트:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.shadowBlur = 20;
ctx.shadowColor = "black";
ctx.fillStyle = "red";
ctx.fillRect(20, 20, 100, 80);
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
| Property | |||||
|---|---|---|---|---|---|
| shadowColor | Yes | 9.0 | Yes | Yes | Yes |
정의 및 사용
shadowColor 속성은 그림자에 사용할 색상을 설정하거나 반환합니다.
참고: shadowColor 속성을 shadowBlur 속성 과 함께 사용 하여 그림자를 만듭니다.
팁: shadowOffsetX 및 shadowOffsetY 속성 을 사용하여 그림자를 조정합니다 .
| 기본값: | #000000 |
|---|---|
| 자바스크립트 구문: | 컨텍스트 .shadowColor= 색상 ; |
속성 값
| Value | Description | Play it |
|---|---|---|
| color | The CSS color value to use for shadows. Default value is #000000 |
❮ HTML 캔버스 참조