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);
自己尝试 »
描述
The shadowColor property sets or returns the color to use for shadows.
另见
The shadowBlur Property (设置阴影模糊)
The shadowOffsetX Property (设置阴影 X 坐标)
The shadowOffsetY Property (设置阴影 Y 坐标)
The fillRect() Method (绘制填充矩形)
The fillStyle() Property (设置填充颜色/样式)
语法
| context.shadowColor = color |
属性值
| 值 | 描述 | 播放它 |
|---|---|---|
| color | 用于阴影的 CSS 颜色值 | 播放它 » |
浏览器支持
The <canvas> element is an HTML5 standard (2014).
shadowColor is supported in all modern browsers
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
❮ Canvas 参考
