HTML5画布创建外部发光效果的形状

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

到目前为止，我已经有了白色的圈子。我尝试使用一个“0”的偏移量的DropShadow，但这看起来不对。

你建议什么也许形状下面有从蓝色到黑色的渐变？
提前致谢！

编辑：终于让它工作了使用for循环绘制不同半径和α的圆。

解决方法

圈子是图像文件吗？如果是这样，请在Photoshop，GIMP等中创建使用光泽的图像文件。将其保存为.PNG以保留背景的透明度。

如果在屏幕上绘制画布绘图功能，那么如何重新绘制圆圈25次，每个圆圈的宽度增加一个像素？