HTML画布是一个非常强大的工具，可以让您创建交互式和动态的Web页面。使用HTML画布，您可以在代码中定义“画布”，然后在页面上绘制各种形状，图像和文本。

// 创建画布元素// 获取画布元素
var canvas = document.getElementById("myCanvas");
// 获取绘图上下文
var context = canvas.getContext("2d");
// 绘制矩形
context.beginPath();
context.rect(10, 10, 50, 50);
context.fillStyle = "#FF0000";
context.fill();
context.closePath();
// 绘制圆形
context.beginPath();
context.arc(100, 75, 50, 0, 2 * Math.PI);
context.stroke();
context.closePath();
// 绘制文本
context.font = "30px Arial";
context.fillText("Hello World", 10, 50);

在上面的示例中，我们首先使用HTML<canvas>元素创建画布。然后，使用JavaScript代码获取该元素并获取绘图上下文。使用上下文，我们可以在画布上绘制矩形，圆形和文本。每种形状都需要在指定的坐标上绘制，并使用样式设置其颜色和大小。

如果要创建更复杂的图形，您可以使用更多的绘图命令和技术。HTML画布是Web开发中一个非常重要的工具，值得深入了解和掌握。