（一）概述

• Canvas 是 HTML5 的一个新标签，相当于一个画布，可以用来绘制丰富的图形，最终渲染在浏览器上
• Canvas 标签本身不具备绘制图形的能力，配合 JavaScript 提供的 CanvasAPI，才能绘制图形，文本和图像，以及实现动画和交互
• 支持 2d 绘图，也支持 3d 绘图（WebGL）

1.Canvas绘制的图形是位图

• 放缩会导致图像失真，所以需要注意放缩比例的控制
• 可以操作每一个点位的像素，进而实现高度自定义的图形绘制和动画效果
• 相当于 <img> 引入的图片，可以右键另存