如何用HTML5画布创建形状的外部发光效果?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (23)

我想为我的画布标签中的弧形创建外部发光效果。这应该是这样的:

到目前为止,我有白色的圈子。我尝试使用偏移量为'0'的dropShadow,但这看起来不正确。

你有什么建议?可能下面有从蓝色到黑色渐变的形状?提前致谢!

提问于
用户回答回答于

这些圈子图像文件?如果是这样,请在Photoshop,GIMP等应用程序中创建带有辉光的图像文件。将它们保存为.PNG以保留背景的透明度。

如果用画布绘制函数在屏幕上绘制它们,那么如何重绘25次的圆圈,每个圆圈的宽度变大一个像素?

用户回答回答于

你可以使用这样的阴影来创建外部发光:

context.shadowBlur = 10;
context.shadowColor = "black";

扫码关注云+社区