用css3可以直接用图片作为背景就可以了，不需要用js。解决方法如下：
1、双击打开HBuilderX开发工具，在Web项目中新建静态页面canvas.html。
2、打开已新建的canvas.html文件，修改title标签里的文字内容。
3、在<body></body>标签内，插入一个canvas标签，并设置id属性值。
4、在canvas标签下，添加script标签并初始化canvas对象，调用自带的方法。
5、保存代码并运行项目，打开浏览器查看界面效果，可以发现绘制了一条线。
6、在style标签中，利用ID选择器设置canvas样式，添加背景色设置。
7、再次保存代码文件，并刷新浏览器，可以看到canvas画布背景色发生了改变。
我们在html5tricks网站上分享过很多的CSS3自定义checkbox，改造过的checkbox确实比默认的漂亮。今天我们要再来分享一款CSS3自定义checkbox，而且这款checkbox还带有动画效果，当你选中checkbox的时候，会以动画的方式打上一个大大的勾。css3-checkbox-animation
在线演示源码下载
4
本条目发布于六月 11, 2014。属于HTML5应用分类，被贴了 Checkbox、CSS3动画 标签。
热门推荐
超炫酷的HTML5视频播放器
超炫酷的HTML5视频播放器
纯CSS3实现苹果设备 iPhone iPad iMac及iWatch
纯CSS3实现苹果设备 iPhone iPad iMac及iWatch
纯CSS3实现大象走路动画
纯CSS3实现大象走路动画
HTML5/CSS3图片左右切换弹性动画
HTML5/CSS3图片左右切换弹性动画
超绚丽的HTML5地图分布动画
超绚丽的HTML5地图分布动画
纯CSS3绘制的小猫笑脸动画 超呆萌
