给Canvas元素添加阴影（保持元素透明）

16 浏览
0 Comments

给Canvas元素添加阴影（保持元素透明）

在我的HTML5画布上有一个圆形。我想给它添加阴影效果，但不显示边框，所以边框应该为0，阴影可见。

以下是我的代码：

context.beginPath();
context.lineWidth = 5;
context.shadowColor = 'black';
context.strokeStyle = "rgba(255,0,0,1)";
context.shadowBlur = 10;
context.shadowOffsetX = 0;
context.shadowOffsetY = 0;
context.arc(x, y, 45, 0, 2 * Math.PI, false);
context.stroke();
context.restore();
context.save();

我在网上找到了一个类似的方法，但它不起作用，而且老实说我不太理解它。

context.beginPath();
context.lineWidth = 10;
RGraph.setShadow({'context': context}, 'black', 0, 0, 15)
context.arc(mouseXY[0], mouseXY[1], radius + 5, 0, 2 * Math.PI, false);
context.stroke();

有没有办法为一个不可见的形状添加阴影呢？

0