Canvas 教程
本教程将从基础开始，介绍如何使用 <canvas> 元素绘制 2D 图形。提供的示例将帮助您清楚地了解可以使用 Canvas 做些什么，并提供可用于开始构建自己内容的 代码片段。
<canvas> 是一个 HTML 元素，可用于通过脚本（通常是 JavaScript）绘制图形。例如，这可以用于绘制图表、合并照片或创建简单的动画。
<canvas> 最初由 Apple 在 WebKit 中为 macOS Dashboard 引入，此后已在浏览器中实现。如今，所有主流浏览器都支持它。
开始之前
使用 <canvas> 元素并不难，但您需要对 HTML 和 JavaScript 有基本了解。<canvas> 元素在某些旧版浏览器中不受支持，但在所有主流浏览器的最新版本中都受支持。Canvas 的默认大小为 300 像素 × 150 像素（宽 × 高）。但是，可以使用 HTML 的 height 和 width 属性定义自定义大小。为了在 Canvas 上绘制图形，我们使用 JavaScript 上下文对象，该对象会动态创建图形。