新建一个html文件 ， 定名为test.html ， 在test.html页面 ， 建立canvas画布 ， 用来介绍若何利用JS设置其颜色、样式和暗影 。
文章插图
2canvas的fillStyle属性 ， 本家儿要用于设置绘画的颜色 。 例如 ， 下面利用fillStyle设置绘画颜色为蓝色 。
文章插图
文章插图
3canvas的strokeStyle属性 ， 本家儿要用于设置笔触的颜色 。 例如 ， 下面利用strokeStyle属性设置绘画的笔触为蓝色 。
文章插图
文章插图
4canvas的shadowColor属性 ， 本家儿要用来设置暗影的颜色 。 例如 ， 下面利用shadowColor属性设置暗影的颜色为黑色 。
文章插图
文章插图
5【如何使用JS设置canvas的颜色、样式和阴影】canvas的shadowBlur属性 ， 本家儿要用来设置暗影的恍惚级别 。 例如 ， 下面利用shadowBlur属性设置暗影的恍惚级别为20
文章插图
文章插图
6canvas的shadowOffsetX属性 ， 本家儿要用来设置暗影外形的程度距离 。 例如 ， 下面利用shadowOffsetX属性设置暗影外形的程度距离为20 。
文章插图
文章插图
7canvas的shadowOffsetY属性 ， 本家儿要用来设置暗影外形的垂直距离 。 例如 ， 下面利用shadowOffsetY属性设置暗影外形的垂直距离为20 。
文章插图
文章插图
以上内容就是如何使用JS设置canvas的颜色、样式和阴影的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 运动员如何让自己保持状态
- 跳交际舞时如何掌握男女手臂的握法
- 如何使用JS实现浏览器常用菜单命令
- 选项卡 如何制作一个Tab式菜单
- 爱奇艺如何把电影英语切换成普通话
- 茶汤洗澡如何减肥，安吉白茶网
- 如何缓解胃痛？
- 如何治疗桃花癫
- 如何提高心理素质
- iphone手机屏幕上的“小黑点”如何设置？