HTML中canvas径向渐变的使用方法:

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才能展示出完整的园形

代码使用如下图所示:

实现效果如下图所示:

感谢您一直以来得信任与关注!