js 计算文字及符号宽度

js 中英文字符以及标点符号宽度会有所不同,导致 canvas 无法直接用fontSize计算内容宽度,可以用以下方法获取文字的真实宽度。

const getLetterWidth = (letter, fontSize) => {
    const dom = document.createElement('span');
    dom.style.display = 'inline-block';
    dom.style.fontSize = fontSize + 'px';
    dom.textContent = letter;
    document.body.appendChild(dom);
    const width = dom.getBoundingClientRect().width;
    dom.remove();
    return Number(width.toFixed(2));
};
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容