Canvas

HTML 的 canvas 元素为脚本提供了依赖于分辨率的位图画布，可以使用 APIs （比如 Canvas 2D 或 WebGL）来绘制图形。可用于动态渲染图形、游戏图形或其他视觉图像。

用途

游戏开发：Canvas 是游戏开发的流行选择之一，因为它提供了绘制图形、处理用户输入和管理游戏循环的灵活性。开发者可以使用 Canvas 创建 2D 游戏、小游戏和交互式图形应用程序。
数据可视化：Canvas 可以用于创建交互式数据可视化，包括图表、图形和实时数据展示。
图像处理：Canvas 可以用于图像处理，如图片编辑和滤镜应用。
动画：Canvas 可用于创建动画，包括帧动画、物理模拟和粒子效果。
交互式用户界面元素：Canvas 可以用于创建自定义的交互式用户界面元素，如拖放元素、拖动滑块、图形按钮等。

id 属性并不是<canvas>元素所特有的，<canvas> 标签只有两个属性 width 和 height。这些都是可选的，当没有设置宽度和高度的时候，canvas 会初始化宽度为 300 像素和高度为 150 像素。

<canvas id="tutorial" width="300" height="150"></canvas>