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

/**
 * 获取字符串的显示宽度/高度
 * @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
}

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

上一篇:Concurrent linked list performance measurement review


下一篇:Docker自定义网络