如何使用canvas绘制渐变

1、首先创建一个HTML文件，如图所示，定义好title标题；

2、创建好一个canvas标签，定义好相关的id，样式；

3、在如图位置进行编写js代码；

4、接下来创建canvas对象，如图所示；

5、紧接着，我们来创建渐变值，如图代码所示；

6、最后，我们来填充渐变，如图所示代码；createLinearGradient为线性渐变方法；

7、我们也可以通过createRadialGradient方法创建一个圆渐变方法；