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

/**  * 获取字符串的显示宽度/高度  * @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 }
上一篇:【动画消消乐】HTML+CSS 自定义加载动画 053


下一篇:内联元素盒子模型