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

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

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

翻译：无法对有状态组件根元素使用v-for，因为它呈现多个元素。看完翻译我们要确定几个关键词（见翻译红字），我们如果直接在template标签下直接使用v-for会出现当前错误

Can't find variable找不到变量，所有在引用前要先定义，官方文档引入的都是在react-native这个本地库里

当前错误原因是没有绑定ngforof，在@ngmodule（）中添加browsermodule到imports:[]，如果它是根模块（appmodule），则为commonmodule。出现此问题是你的组件顺序有误，修改BrowserModule在控制器的位置

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

一款canvas连线效果展示

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

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

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