如何使用JS设置canvas的颜色、样式和阴影

新建一个html文件,定名为test.html,在test.html页面,建立canvas画布,用来介绍如何利用JS设置其颜色、样式和暗影。

  • 2

    canvas的fillStyle属性,本家儿要用于设置绘画的颜色。例如,下面利用fillStyle设置绘画颜色为蓝色。

  • 3

    canvas的strokeStyle属性,本家儿要用于设置笔触的颜色。例如,下面利用strokeStyle属性设置绘画的笔触为蓝色。

  • 4

    canvas的shadowColor属性,本家儿要用来设置暗影的颜色。例如,下面利用shadowColor属性设置暗影的颜色为黑色。

  • 5

    canvas的shadowBlur属性,本家儿要用来设置暗影的恍惚级别。例如,下面利用shadowBlur属性设置暗影的恍惚级别为20

  • 6

    canvas的shadowOffsetX属性,本家儿要用来设置暗影外形的程度距离。例如,下面利用shadowOffsetX属性设置暗影外形的程度距离为20。

  • 7

    canvas的shadowOffsetY属性,本家儿要用来设置暗影外形的垂直距离。例如,下面利用shadowOffsetY属性设置暗影外形的垂直距离为20。

    • 发表于 2019-08-11 21:45
    • 阅读 ( 118 )
    • 分类:其他类型

    相关问题

    0 条评论

    请先 登录 后评论