根據字串長度和字型大小,動態獲取字串的寬度和高度
阿新 • • 發佈：2021-07-10
/**
*獲取字串的顯示寬度/高度
*@param{}text//字串
*@param{}fontsize//字串
*/
exportfunctiontextWidth(text,fontsize){
varspan=document.createElement('span')
varresult={}
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(typeofspan.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
returnresult
}