判断一段文字的width

判断一段文字的width

将一段文字字符串传入函数动态创建一个div元素，然后返回获取div的宽度即可：（思想就是和图片上传预判断图片的宽高一致）

export const getTextWidth = ({
  str,
  overWidth,
  document,
}: {
  str: string;//需要判断的一段字符串
  overWidth: number;//需要判断的宽度阈值(单位px)
  document: any;
}) => {
  var width = 0;
  var html = document.createElement('span');
  html.innerText = str;
  html.className = 'getTextWidth';
  document.querySelector('body').appendChild(html);
  width = document.querySelector('.getTextWidth').offsetWidth;
  document.querySelector('.getTextWidth').remove();
  return width >= overWidth;
};

console.log(getTextWidth({
  str:'哈哈哈，春意盎然！',
  overWidth:200,
  document
}))