在HTML5 Canvas中绘制自动换行文本，需要手动计算文本的长度，并在超出指定宽度时进行手动换行。以下是一个示例代码，展示了如何实现自动换行的文本绘制：
function wrapText(context, text, x, y, maxWidth, lineHeight) {
var words = text.split(' ');
var line = '';
for(var n = 0; n < words.length; n++) {
var testLine = line + words[n] + ' ';
var metrics = context.measureText(testLine);
var testWidth = metrics.width;
if (testWidth > maxWidth && n > 0) {
context.fillText(line, x, y);
line = words[n] + ' ';
y += lineHeight;
}
else {
line = testLine;
}
}
context.fillText(line, x, y);
}
// 使用方法：
var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
var maxWidth = 300; // 最大宽度
var lineHeight = 20; // 行高
var x = 5; // 文本的x坐标
var y = 20; // 文本的y坐标
var text = "这是一段需要自动换行的文本，你可以根据需要调整最大宽度和行高。";
ctx.font = "16px Arial";
ctx.fillStyle = "black";
wrapText(ctx, text, x, y, maxWidth, lineHeight);在这个示例中，wrapText 函数接受五个参数：context 是 Canvas 的绘图上下文，text 是需要绘制的文本，x 和 y 是文本的起始坐标，maxWidth 是文本的最大宽度，而 lineHeight 是行高。函数内部通过循环和 measureText 方法测量文本的宽度，当宽度超过 maxWidth 时，自动换行并在下一行继续绘制。