HTML中canvas径向渐变的使用方法:
canvas渐变分为两种 ,下面进行对径向渐变的讲解:
径向渐变也被叫做圆渐变
用法:
createRadialGradient(x1,y1,r1,x2,y2,r2)**
参数值:
x1:起点的 横坐标X1。
y1:起点的 纵坐标Y1。
r1:第一个圆得半径r1。
x2:终点的 横坐标X2。
y2:终点的 纵坐标Y2。
r2:第二个圆得半径r2。
注意:
x1,y1,r1组合来使用表示过x1,y1得点以r1的值为半径画圆;
x2,y2,r2组合来使用表示过x2,y2得点以r2的值为半径画圆;
需要的条件:
r2>r1才能展示出完整的园形
代码使用如下图所示:
实现效果如下图所示:
原创版权所有翻版必究,感谢您一直以来得信任与关注!本人唯一csdn id:ID：m0_46532221 感谢关注!
