在移动端，画布的大小要根据屏幕的大小进行适配，我们一般采用rem结合媒体查询的方式。使用canvas时就遇到遇到一些问题：canvas的width属性不支持rem单位(如果使用样式当然支持rem，但注意canvas的width属性与style中的width是有区别的)

追梦猪（zmz）最近在学习canvas画图表，所有收藏一下相关的demo，供有缘人参考，Canvas API（画布）是在HTML5中新增的标签用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图（bitmap）。

<canvas> 标签定义图形，比如图表和其他图像,只是图形容器，您必须使用脚本来绘制图形。

html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个Canvas图片，通过读取DOM并将不同的样式应用到这些元素上实现。它不需要来自服务器任何渲染，整张图片都是在客户端浏览器创建。当浏览器不支持Canvas时，将采用Flashcanvas或ExplorerCanvas技术代替实现。以下浏览器能够很好的支持该脚本：Firefox 3.5+, Google Chrome, Opera新的版本, IE9以上的浏览器。

一款canvas连线效果展示

HTML5 canvas烟花动画代码，生日祝福烟花动画，全屏显示。

一款3D视角旋转的漂亮的烟花效果，给人一种真的处在一个烟花节的世界中

一款漂亮的html5canvas下雪效果，模仿雪花堆积