根据字体大小计算字符串长度

根据字体大小计算字符串在页面上的长度

// 获取字符串px长度
export const getTextWidth = (str, fontSize) => {
  let result = 10;
  let ele = document.createElement('span')
  //字符串中带有换行符时，会被自动转换成<br/>标签，若需要考虑这种情况，可以替换成空格，以获取正确的宽度
  //str = str.replace(/\\n/g,' ').replace(/\\r/g,' ');
  ele.innerText = str;
  //不同的大小和不同的字体都会导致渲染出来的字符串宽度变化，可以传入尽可能完备的样式信息
  ele.style.fontSize = fontSize;
  //由于父节点的样式会影响子节点，这里可按需添加到指定节点上
  document.documentElement.append(ele);
  result = ele.offsetWidth;
  document.documentElement.removeChild(ele);
  return result;
}