使用 HTML5 中的 Canvas API 绘制图形需要先在 HTML 文件中添加一个 canvas 元素，并设置其宽度和高度。然后，可以使用 JavaScript 获取该元素并在其上下文中绘制任何图形。
以下是一个基本的示例代码：
<canvas id="myCanvas" width="500" height="500"></canvas>const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
// 绘制一个红色矩形
ctx.fillStyle = "red";
ctx.fillRect(50, 50, 100, 100);
// 绘制一条蓝色线段
ctx.strokeStyle = "blue";
ctx.beginPath();
ctx.moveTo(200, 200);
ctx.lineTo(300, 200);
ctx.stroke();
// 绘制一个黄色圆形
ctx.fillStyle = "yellow";
ctx.beginPath();
ctx.arc(400, 400, 50, 0, Math.PI * 2);
ctx.fill();其中，canvas 变量引用表示 Canvas 元素的对象，而 ctx 变量则引用表示画布上下文的对象。可以使用 fillStyle 属性设置填充颜色，使用 strokeStyle 属性设置描边颜色。可以通过调用 fillRect() 方法来绘制矩形、stroke() 方法来绘制线段，以及 arc() 方法来绘制圆形。
有关更多信息，请查看 Canvas API 文档。