html5 Canvas画图教程(4)—未闭合的路径及渐变色的填充方法(2)
发布时间:2020-09-22 18:15 所属栏目:115 来源:网络整理
导读:这里我设置的径向渐变起点圆和终点圆的圆心坐标相同,而起点圆半径为10,终点圆半径为55.最后画出的径向渐变范围是一个宽高110的圆形,说明渐变范围以终点圆的范围为准。 (可以看到终点圆范围之外还是有颜色,这个
这里我设置的径向渐变起点圆和终点圆的圆心坐标相同,而起点圆半径为10,终点圆半径为55.最后画出的径向渐变范围是一个宽高110的圆形,说明渐变范围以终点圆的范围为准。 (可以看到终点圆范围之外还是有颜色,这个颜色就是终点色,但是,如果你企图使用radial.addColorStop(1.5,’#0f0′);这样来定义渐变范围之外的颜色,你还是会收到一个错误). 那么,起点圆的半径有什么用呢?——本来正常的径向渐变的中心(姑且称之为“变心”…吧)只是一个点,不应该是一个圆的。其实我们没错,这个起点圆就相当于一个圆点而已,只是可能比较大。 让我们把起点圆的半径变得很大,接近于终点圆的半径: 复制代码 代码如下: 其他的colorStop都不变,然后图形就变成了这个样子。 (编辑:ASP站长网) |
相关内容
网友评论
推荐文章
热点阅读