Canvas
<canvas> 看起来和 <img> 元素很相像，唯一的不同就是它并没有 src 和 alt 属性。实际上，<canvas> 标签只有两个属性—— width和height。这些都是可选的，并且同样利用 DOM properties 来设置。当没有设置宽度和高度的时候，canvas会初始化宽度为300像素和高度为150像素。
该元素可以使用CSS来定义大小，但在绘制时图像会伸缩以适应它的框架尺寸：如果CSS的尺寸与初始画布的比例不一致，它会出现扭曲。
注意: 如果你绘制出来的图像是扭曲的, 尝试用width和height属性为<canvas>明确规定宽高，而不是使用CSS。
为什么要用canvas?
-
常用于动态的，具有特效的图像显示。有漫画的感觉。
-
canvas可以做3D特效
-
canvas具有画布的功效，可以设计在线画图
-
canvas很炫。。。
- 可以交互，制作游戏
canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成。
<canvas> 元素有一个叫做 getContext() 的方法，这个方法是用来获得渲染上下文和它的绘画功能。
