关于Canvas 渐变

关于Canvas 渐变

先绘制渐变，再绘制图形
线性渐变创建方式：var gradient = ctx.createLinearGradient(xStart,yStart,xEnd,yEnd);
追加渐变颜色：ctx.addColorStop(offset,color);//offset 为所设定的颜色的偏移量，值范围为0~1；color为颜色值,rgb(1,1,1),rgba(1,1,1,0.5)

径向渐变创建方式： var gradient = ctx.createRadialGradient(xStart,yStart,radiusStart,xEnd,yEnd,radiusEnd);
追加渐变颜色：ctx.addColorStop(offset,color);//offset 为所设定的颜色的偏移量，值范围为0~1；color为颜色值,rgb(1,1,1),rgba(1,1,1,0.5)