Canvas

什么是 Canvas?

canvas 单词的意思是画布，是浏览器实现的一个图形绘制接口，最早由 Apple 引入 WebKit，用于 Mac OS X 的 Dashboard ，随后被各个浏览器实现，现在所有主流浏览器都支持。

TIP

<canvas>是一个可以使用脚本来绘制图形的 HTML 元素，TA 是一个双标签，请不要省略</canvas>

<canvas>元素可被用来通过JavaScript绘制图像及图形动画，我们可以通过WebGL API或Canvas API来操纵 Canvas，本文主要介绍Canvas API

Canvas API

Canvas API 提供了一个通过JavaScript 和 HTML的<canvas>元素来绘制图形的方式。它可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面。

Canvas API主要聚焦于 2D 图形。WebGL API 则用于绘制硬件加速的 2D 和 3D 图形