stroke设置渐变色

时间:2024-10-13 21:13:41

1、通过快捷方式打开HBuilderX工具,新建一个HTML5页面

stroke设置渐变色

2、在<body></body>标签元素内,插入一个div和canvas标签,设置canvas对应的ID属性值

stroke设置渐变色

3、接着添加style标签,设置body标签和canvas标签的样式

stroke设置渐变色

4、再在<script></script>标签内,添加window.on盟敢势袂load,设置canvas绘制矩形

stroke设置渐变色

5、保存代码并直接运行,打开浏览器查看页面显示效果

stroke设置渐变色

6、将绘制矩形的方法改为调用圆形的方法,然后保存代码

stroke设置渐变色

7、再次打开浏览器预览界面效果,可以发现一个椭圆形

stroke设置渐变色
© 手抄报圈