getTextWidth(str,fontSize)
{
let result = 10;
let ele = document.createElement('span')
//字符串中带有换行符时,会被自动转换成<br/>标签,若需要考虑这种情况,可以替换成空格,以获取正确的宽度
//str = str.replace(/\\n/g,' ').replace(/\\r/g,' ');
ele.innerText = str;
//不同的大小和不同的字体都会导致渲染出来的字符串宽度变化,可以传入尽可能完备的样式信息
ele.style.fontSize = fontSize;
//由于父节点的样式会影响子节点,这里可按需添加到指定节点上
document.documentElement.append(ele);
result = ele.offsetWidth;
document.documentElement.removeChild(ele);
return result;
}
计算字符串像素宽度
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。