js canvas 绘制文本代码

下面是一个基本的在 canvas 中绘制文本的示例代码：

// 选择 canvas 元素
var canvas = document.getElementById('myCanvas');

// 获取 2D 上下文
var ctx = canvas.getContext('2d');

// 设置字体样式
ctx.font = '30px Arial';

// 设置文本颜色
ctx.fillStyle = 'red';

// 绘制文本
ctx.fillText('Hello World!', 10, 50);

解释一下代码：

- 首先，我们选择 canvas 元素，并获取 2D 上下文。
- 然后，我们设置字体样式和文本颜色。
- 最后，我们使用 `fillText()` 方法在 canvas 中绘制文本。这个方法需要传入三个参数：文本内容、文本左上角的 x 坐标、文本左上角的 y 坐标。

你可以根据自己的需求修改字体样式、文本颜色和绘制位置等参数。