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

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

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

传送门：https://github.com/827652549/CanvasStudy

介绍

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

在线演示 详细代码

解读

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

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

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