基础
1、基本概念
- Canvas是一个标准的HTML5元素
- Canvas主要聚焦于2D图形，提供了非常多的JavaScript绘图API（比如：绘制路径、矩形、圆、文本和图像等方法）
- 也可以使用元素对象的 WebGL API 来绘制 2D 和 3D 图形
2、Canvas 优点：
- Canvas提供的功能更原始，适合像素处理，动态渲染和数据量大的绘制
- Canvas非常适合图像密集型的游戏开发，适合频繁重绘许多的对象。
- Canvas能够以 .png 或 .jpg 格式保存结果图像，适合对图片进行像素级的处理。
3、Canvas 缺点：
- Canvas 绘图只能通过JavaScript脚本操作
- Canvas 是由一个个像素点构成的图形，放大会使图形变得颗粒状和像素化，导致模糊
4、Canvas与img的区别
- Canvas没有 src 和 alt 属性，只有width与height属性，当没有设置宽高时，初始化宽高为300x150px
- Canvas元素必须要有结束标签
