我的处女作《Canvas系列教程》在我的Github上正在连载更新,希望能得到您的关注和支持,让我有更多的动力进行创作。
教程介绍、教程目录等能在README里查阅。
传送门:/827652549/CanvasStudy
介绍
之前我们介绍过如何创建渐变色和图案,接下来使用渐变色和图案创建文本。
在线演示 详细代码
解读
其实和之前创建渐变色和图案的原理是一样的。
对于渐变色来说,通过多个addColorStop()添加渐变样式到gradient中,然后在为fillStyle赋值即可;
对于图案来说,获取到图片后,利用createPattern将返回值赋值到fillStyle中;