Canvas绘制渐变技巧

接下来介绍如何利用canvas实现渐变绘制，展现绚丽视觉效果。

1、 新建一个HTML文件，按图示设置并定义好页面的标题内容。

2、 创建canvas标签，设置id与对应样式。

3、 在指定位置编写JS代码。

4、 创建Canvas对象，具体操作所示。

5、 接下来按照图示代码创建渐变值。

6、 按图示代码填充渐变效果，其中createLinearGradient用于实现线性渐变功能。

7、 可通过调用 createRadialGradient 方法来生成一个径向渐变效果。