html5 Canvas绘图教程(4)—未闭合的路径及渐变色的添补要领
发布时间：2020-09-23 22:08:06 所属栏目：编程 来源：网络整理
导读：一样平常画图的方法有两种，即添补和描边，前面的文章已经讲了描边的要领stroke，本文就讲一下Canvas中添补图形的要领
|
也就是说，canvas中径向渐变的出发点色，是从出发点圆的范畴之外绘制的，而出发点圆的整个颜色都是出发点色。 我们把出发点圆的半径设为0，那径向渐变的“变心”，就真的是一个点了。 大部门时辰我们都不必要很正规的径向渐变，反而但愿他的变心是偏移的，相同下图： 这个时辰，canvas径向渐变两个圆的上风就出来了，只要我们出发点圆与终点圆的圆心不重合，那变心也就会偏移： var radial = ctx.createRadialGradient(75,75,0,55,55,55);但此时的渐变范畴依然是终点圆的范畴哈。 许多人生成就有一种搞粉碎的生理，好比这里，终点圆的半径总比出发点圆大，但假如把他们反过来会怎么样呢？ 复制代码 代码如下: 经测试，这样不会报错，只是原本的从内到外的渐变反过来酿成了从外到内的渐变了。这是个好用法。 尚有个题目，假如我们把出发点圆的圆心偏移了，而且出发点圆的范畴超出了终点圆的范畴， 这时会产生什么？ 啊！？这是什么环境？！ 当出发点圆和终点圆只有部门重叠的时辰，就会呈现这种环境。以是，假如你必要正常的径向渐变，请担保个中一个圆完全包住了另一个圆。 其它，既然渐变可以赋给fillStyle，那么也可以赋给strokeStyle。结果你懂的。 （编辑：湖南网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
