html 画布

HTML 画布是一个 HTML 元素，它提供了一个可绘制图形的区域。您可以使用 JavaScript 和 Canvas API 在画布上绘制图形、图像、文本等。

以下是一个使用 HTML 画布的示例：

<canvas id="myCanvas" width="200" height="200"></canvas>

<script>
  var canvas = document.getElementById("myCanvas");
  var ctx = canvas.getContext("2d");
  ctx.fillStyle = "red";
  ctx.fillRect(0, 0, 50, 50);
</script>

在此示例中，我们创建了一个具有 ID 为 "myCanvas" 的画布元素，并设置其宽度和高度为 200 像素。然后，我们使用 JavaScript 获取该元素并获取其 2D 上下文。接下来，我们使用上下文的 fillStyle 和 fillRect 方法绘制一个红色矩形。

HTML 画布提供了许多其他方法，例如绘制路径、描边、渐变、阴影等。您可以查看 Canvas API 文档以了解更多信息。