计算字符串像素宽度

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;
    }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。