(一)概述
- Canvas 是 HTML5 的一个新标签,相当于一个画布,可以用来绘制丰富的图形,最终渲染在浏览器上
- Canvas 标签本身不具备绘制图形的能力,配合 JavaScript 提供的 CanvasAPI,才能绘制图形,文本和图像,以及实现动画和交互
- 支持 2d 绘图,也支持 3d 绘图(WebGL)
1.Canvas绘制的图形是位图
- 放缩会导致图像失真,所以需要注意放缩比例的控制
- 可以操作每一个点位的像素,进而实现高度自定义的图形绘制和动画效果
- 相当于
<img>
引入的图片,可以右键另存