记录下vue中使用canvas：给漂浮的圆球加阴影（发光边）

漂的气泡不同的外阴影（发光边）就这样

场景：随机生成几个透明的发光的圆，滚来滚去，里面显示文字，每个圆可点击，携带参数跳转不同路由。

1.原想用strokeStyle画，但是出来后特别浅淡，基本看不见。好鸡肋一东西

2.是想用个背景图画上去，em。。。实在是画不上，对canvas运用还是挺生疏。

3.早先玩过圆形/放射 渐变createRadialGradient这个，设想，先画一个月亮似的发光的盘儿，然后再给画个半径短一点的圆，再让他俩组合一下，应该可以实现

所以先用createRadialGradient绘制一个圆形渐变图形

createRadialGradient( this.x, this.y,radius, this.x, this.y,radius + 12)

六个参数，前三个是里圆的圆心坐标，半径，后面叁是外圈的圆心坐标，半径。

此处给它俩的圆心是相同的。

 this.ctx.beginPath();
    var gradient = this.ctx.createRadialGradient(
      this.x,
      this.y,
      radius,
      this.x,