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