HTML canvas shadowColor 属性
实例
绘制一个带有黑色阴影的红色矩形
JavaScript
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.shadowBlur = 20;
ctx.shadowColor = "red";
ctx.fillStyle = "red";
ctx.fillRect(20, 20, 100, 80); 亲自试一试 »描述
shadowColor 属性用于设置或返回用于阴影的颜色。
另请参阅
shadowBlur 属性（设置阴影模糊度）
shadowOffsetX 属性（设置阴影的 x 坐标）
shadowOffsetY 属性（设置阴影的 Y 轴位置）
fillRect() 方法（绘制填充矩形）
fillStyle() 属性（设置填充颜色/样式）
语法
| context.shadowColor = color |
属性值
| 值 | 描述 | 试一试 |
|---|---|---|
| color | 使用的 CSS 颜色值用于阴影。 | 试一试 » |
浏览器支持
<canvas> 元素是 HTML5 标准（2014）。
shadowColor 在所有现代浏览器中都受支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
