首页 > 其他 > 详细

根据字符串长度和字体大小,动态获取字符串的宽度和高度

时间:2021-07-10 15:53:47      阅读:23      评论:0      收藏:0      [点我收藏+]
/**
 * 获取字符串的显示宽度/高度
 * @param {} text //字符串
 * @param {} fontsize //字符串
 */
export function textWidth(text, fontsize) {
  var span = document.createElement(‘span‘)
  var result = {}
  result.width = span.offsetWidth
  result.height = span.offsetHeight
  span.style.visibility = ‘hidden‘
  if (fontsize) {
    span.style.fontSize = fontsize
  } else {
    span.style.fontSize = ‘12px‘
  }
  // span.style.fontFamily = fontFamily
  span.style.display = ‘inline-block‘
  document.body.appendChild(span)
  if (typeof span.textContent !== ‘undefined‘) {
    span.textContent = text
  } else {
    span.innerText = text
  }
  result.width = parseFloat(window.getComputedStyle(span).width) - result.width
  result.height = parseFloat(window.getComputedStyle(span).height) - result.height
  return result
}

根据字符串长度和字体大小,动态获取字符串的宽度和高度

原文:https://www.cnblogs.com/sws-kevin/p/14993825.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!