在 canvas 中绘制文本需要使用到 CanvasRenderingContext2D 的 fillText() 方法。以下是一个基本的示例代码：
const canvas = document.getElementById('myCanvas');
const ctx = canvas.getContext('2d');
ctx.font = '30px Arial';
ctx.fillText('Hello, world!', 10, 50);其中，fillText() 方法接受三个参数：
text: 要绘制的文本内容x: 文本左上角的 x 坐标y: 文本左上角的 y 坐标此外，还可以通过 font 属性设置文本的字体样式。在上面的示例中，我们将文本的字体设置为 30px Arial。
需要注意的是，由于 canvas 中的所有内容都是图形，因此绘制文本时需要考虑文本的位置、字体样式、颜色等因素，以保证最终效果符合预期。
关键词：CanvasRenderingContext2D、fillText()、font、文本位置、字体样式、颜色