關於獲取文本寬度的問題

記錄下,當時只是爲了給表格動態加載表格的寬度去做的。沒想到還挺有用的。
做法很簡單。
根據你傳過來的串的長短返回其對應的寬度;

function getTextWidth(arr,fontSize) {
if(!Array.isArray(arr)){return []};
fontSize = fontSize || 12;
var widthList = [];
for(var i = 0; i < arr.length; i++){
var div = document.createElement(“div”);
div.innerText = arr[i];
div.style.fontSize = fontSize + “px”;
div.style.display = “none”;
document.body.appendChild(div);
widthList.push($(div).width());
document.body.removeChild(div);
}
return widthList;
}

arr爲一個字符串數組
fontSize是你要顯示字體的大小

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章