js获取字符长度并计算px宽度
1、为 String 扩展原型⽅法 byteLength()，该⽅法将根据每个字符编码，判断当前字符是单字节还是双字节，然后统计字符串的字节长度。String.prototype.byteLength = function() {
var length = 0;
Array.from(this).map(function(char){
if(char.charCodeAt(0)>255) {//字符编码⼤于255，说明是双字节字符
length += 2;
}else {
length++;
js验证字符串长度}
});
return length;
}
测试：
2、计算⽂本在页⾯所占px宽度 -- 扩展String原型⽅法pxWidth
/**
* 获取⽂本px宽度
* @param font{String}: 字体样式
**/
String.prototype.pxWidth = function(font) {
// re-use canvas object for better performance
var canvas = String.prototype.pxWidth.canvas || (String.prototype.pxWidth.canvas = ateElement("canvas")),
context = Context("2d");
font && (context.font = font);
var metrics = asureText(this);
return metrics.width;
}
测试：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。