一张图让你明白canvas的径向渐变

Posted 2020-06-25

 

我相信在径向渐变中，如果一个圆包含另一个圆，没有会不知道渐变的样子，但是如果两个圆相交或者是相分离呢？看完这张图你就明白了

 

 

渐变都是从红色向蓝色，

createRadialGradient(x1,y1,r1, x2,y2,r2)

左图为小圆向大圆渐变，中图为大院向小圆渐变，右图为相离两个圆的渐变，从图中可以很清楚的看到圆相离或相交时的渐变方式，渐变总是从起始圆开始（包括起始圆内部），朝着结束圆方向，直到遇到结束圆（不包括结束圆内部）。