如何在 JavaScript 中获取单个字符的最大宽度？

function getMaxCharacterWidth(font, fontSize) {
  const canvas = document.createElement('canvas');
  const context = canvas.getContext('2d');
  context.font = `${fontSize}px ${font}`;

  let maxWidth = 0;
  const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';

  for (const char of characters) {
    const width = context.measureText(char).width;
    maxWidth = Math.max(maxWidth, width);
  }

  return maxWidth;
}

const font = 'Arial';
const fontSize = 16;
const maxCharacterWidth = getMaxCharacterWidth(font, fontSize);
console.log(`The maximum width of a character using the ${font} font with ${fontSize}px size is: ${maxCharacterWidth}px`);