在使用HTML5中的canvas时，可以用来绘制矢量图，如矩形、正方形和圆形。那么，如何设置stroke渐变色呢？
工具/原料
1
HTML5
2
CSS3
3
HBuilderX
4
WPS
5
截图工具
6
笔记本电脑
方法/步骤
1
通过快捷方式打开HBuilderX工具，新建一个HTML5页面
2
在
标签元素内，插入一个div和canvas标签，设置canvas对应的ID属性值3
接着添加style标签，设置body标签和canvas标签的样式
4
再在标签内，添加window.onload，设置canvas绘制矩形
5
保存代码并直接运行，打开浏览器查看页面显示效果
6
将绘制矩形的方法改为调用圆形的方法，然后保存代码
7
再次打开浏览器预览界面效果，可以发现一个椭圆形
总结
1、新建HTML5页面2、插入canvas元素3、设置canvas样式4、绘制对应的矩形5、保存代码查效果6、切换成圆形方法END
注意事项
1
注意stroke设置渐变色
2
注意HTML5中的canvas的用法