当前位置：网站首页>判断一段文字的width

判断一段文字的width

2022-08-09 10:03:00 【高桥靓仔】

判断一段文字的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
}))
原网站

版权声明
本文为[高桥靓仔]所创，转载请带上原文链接，感谢
https://blog.csdn.net/weixin_45221036/article/details/112678325

边栏推荐

猜你喜欢

随机推荐