CSS3 canvas配置背景色

在CSS3中的样式属性中,如果想要配置canvas的背景色,可以给canvas元素配置一个id值,利用ID选择器配置背景色。

CSS3 canvas配置背景色
  1. 1
    方法:

    HTML5

  2. 2

    CSS3

  3. 3

    HBuilderX

  4. 4

    截图工具

  5. 5

    WPS

  6. 6

    浏览器

  7. 7

    双击打开HBuilderX开发工具,在Web项目中新建静态页面canvas.html

    CSS3 canvas配置背景色
  8. 8

    打开已新建的canvas.html文件,修改title标签里的文字内容

    CSS3 canvas配置背景色
  9. 9

    在<body></body>标签内,插入一个canvas标签,并配置id属性值

    CSS3 canvas配置背景色
  10. 10

    在canvas标签下,添加script标签并初始化canvas对象,调用自带的方法

    CSS3 canvas配置背景色
  11. 11

    保存代码并运行项目,打开浏览器查看界面效果,可以发现绘制了一条线

    CSS3 canvas配置背景色
  12. 12

    在style标签中,利用ID选择器配置canvas样式,添加背景色配置

    CSS3 canvas配置背景色
  13. 13

    再次保存代码文件,并刷新浏览器,可以看到canvas画布背景色发生了改变

    CSS3 canvas配置背景色
    END
注意事项:
  • 注意使用CSS3 canvas配置背景色
  • 注意CSS3中的新增属性并使用