首页 > 其他 > 详细

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

时间:2016-03-19 00:43:21      阅读:192      评论:0      收藏:0      [点我收藏+]

 

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

 

 

渐变都是从红色向蓝色

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

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

 

 

技术分享

 

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

原文:http://www.cnblogs.com/rainke/p/5294039.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!