獲取字符串的長度很簡單,但是如何獲取一個字符串的字體寬度卻是一個不太好操作的問題,今天查閱了許多資料,終於找到了解決方法:
1.首先,需要添加一個標簽,HTML代碼如下:
<body> <span></span> </body>
2.接下來直接在String的原型中添加獲取文字寬度的函數,在js代碼中加入以下代碼即可:
String.prototype.visualLength = function() { let ruler = $("span"); ruler.text(this); return ruler[0].offsetWidth; };
3.使用js來調用這個方法:
let text = "分"; let len = text.visualLength(); console.log(len);
效果如下:
記得要引入jq,博主使用的是es6