[JavaScript] 根据字符串宽度截取字符串

你可以使用 Canvas API 来测量字符串的宽度，然后根据设定的宽度来截取字符串。

例如，以下是一个函数，它将一个字符串截取为指定宽度的子字符串：

function truncateString(str, maxWidth) {
  const canvas = document.createElement('canvas');
  const context = canvas.getContext('2d');
  context.font = '16px Arial'; // 设置字体和字号
  let width = context.measureText(str).width; // 测量原始字符串的宽度
  let ellipsis = '...';
  while (width > maxWidth && str.length > 0) {
    str = str.slice(0, -1); // 移除最后一个字符
    width = context.measureText(str + ellipsis).width; // 测量新字符串的宽度
  }
  return str + ellipsis;
}

在这个例子中，我们使用 Canvas API 创建了一个新的画布和上下文，然后设置了字体和字号。我们使用 `context.measureText()` 方法来测量原始字符串的宽度，然后循环移除最后一个字符，直到新字符串的宽度小于或等于指定的最大宽度。最后，我们将省略号添加到字符串的末尾，然后返回结果。

你可以根据需要修改字体、字号和省略号的样式。