300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 【文本】HTML5 Canvas渐变色 图案填充文本

【文本】HTML5 Canvas渐变色 图案填充文本

时间:2021-04-23 20:19:39

相关推荐

【文本】HTML5 Canvas渐变色 图案填充文本

我的处女作《Canvas系列教程》在我的Github上正在连载更新,希望能得到您的关注和支持,让我有更多的动力进行创作。

教程介绍、教程目录等能在README里查阅。

传送门:/827652549/CanvasStudy

介绍

之前我们介绍过如何创建渐变色和图案,接下来使用渐变色和图案创建文本。

在线演示 详细代码

解读

其实和之前创建渐变色和图案的原理是一样的。

对于渐变色来说,通过多个addColorStop()添加渐变样式到gradient中,然后在为fillStyle赋值即可;

对于图案来说,获取到图片后,利用createPattern将返回值赋值到fillStyle中;

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。