Canvas

1. <canvas>标签的定义和用法：

　　（1）<canvas>标签定义图形，比如图表和其他图像

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

2. <canvas>标签和SVG和VML之间的差异：

　　（1）<canvas>有一个基于JS的绘图API，而SVG和VML使用一个XML文档来描述绘图

　　（2）SVG绘图容易编辑，只要从其描述中移除元素就行，若从<canvas>标记中移除元素，需要擦掉绘图重新绘制

3. 如何使用<canvas>标记绘图：

　　大多数 Canvas 绘图 API 都没有定义在 <canvas> 元素本身上，而是定义在通过画布的 getContext() 方法获得的一个“绘图环境”对象上。

4. <canvas>需要注意的地方：

　　（1）定义canvas画布的大小可以用自带的属性width和height，也可以使用css，但如果css的尺寸与初始画布的比例不一致会出现扭曲

　　（2）<canvas>也可以定义margin，border，padding，background等属性，但这些样式不会影响在canvas中的实际图像

　　（3）可以给<canvas>定义替换内容，当浏览器不支持canvas时显示后备内容

　　（4）使用getContext()来验证浏览器是否支持canvas

5. <canvas>标签绘图过程：

6. 参考链接：https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Basic_usage

Canvas

原文：https://www.cnblogs.com/daydayupY/p/11422819.html