码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-03-19 00:44:35      阅读:341      评论:0      收藏:0      [点我收藏+]

标签:

 

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

 

 

渐变都是从红色向蓝色

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

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

 

 

技术分享

 

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

标签:

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!