canvas文字换行，最大8行超出，用...显示

可以使用 canvas 的 `fillText()` 方法将文字渲染到画布上，然后在绘制之前对文字进行处理，实现文字换行和省略号显示的效果。

以下是一个实现文字换行和省略号显示的示例代码：

function drawText(ctx, text, x, y, maxWidth, lineHeight) {
  var words = text.split(' ');
  var line = '';
  var lineCount = 0;
  for (var i = 0; i < words.length; i++) {
    var testLine = line + words[i] + ' ';
    var metrics = ctx.measureText(testLine);
    var testWidth = metrics.width;
    if (testWidth > maxWidth && i > 0) {
      if (lineCount < 7) {
        ctx.fillText(line + '...', x, y);
      }
      line = words[i] + ' ';
      y += lineHeight;
      lineCount++;
    } else {
      line = testLine;
    }
  }
  if (lineCount < 7) {
    ctx.fillText(line, x, y);
  } else {
    ctx.fillText(line.substring(0, line.length - 3) + '...', x, y);
  }
}

该函数接受以下参数：

- `ctx`：Canvas 2D 上下文对象。
- `text`：要渲染的文本。
- `x`：文本的起始横坐标。
- `y`：文本的起始纵坐标。
- `maxWidth`：每行文本的最大宽度。
- `lineHeight`：每行文本的行高。

该函数首先将文本按空格分隔为单词，然后逐个单词处理。对于每个单词，都将其与当前的行拼接起来，并使用 `measureText()` 方法计算当前行的宽度。如果当前行的宽度超过了最大宽度，则将当前行渲染到画布上，并将新的单词作为新一行的开始。如果已经超过了最大行数（8行），则将剩余的文本用省略号代替。如果文本可以全部显示在8行以内，则直接将文本渲染到画布上。

示例代码中使用的 `fillText()` 方法用于将文本渲染到画布上，你可以根据实际需求选择其他的渲染方法。