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

/**

 * 获取字符串的显示宽度/高度

 * @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

}