Canvas简介

什么是 canvas?

HTML5 <canvas> 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成.

<canvas> 标签只是图形容器，您必须使用脚本来绘制图形。

你可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。

---

浏览器支持

表格中的数字表示支持 <canvas> 元素的第一个浏览器版本号。

元素
<canvas>	4.0	9.0	2.0	3.1	9.0

canvas元素

canvas元素只是一个画布，并没有提供很多的api，只有三个元素以及两个方法。 
* width：画布的宽度 
* height:画布的高度 
* getContext()获取绘图环境，前面的例子看到绘制图形的时候都是通过这个绘图环境提供的api来实现的，如果canvas元素是画布，那么绘图环境就相当于画笔以及颜料 
* toDataUrl(type, quality)返回一个二进制数据，可以作为img元素的src值，quality为0~1之间的浮点值，表示图片的质量

canvs的学习资料：

https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Basic_animations

入门的示例：

http://blog.csdn.net/MR_LP/article/details/51908848