经常遇到的情况是在画图的时候要根据字体的长度设置svg中不同元素的宽度，但是在内容渲染之前是获取不到宽度的，这里使用measureText来提前获取宽度。
使用方式很简单
let canvas = document.createElement('canvas');
canvas.font = '14px Microsoft YaHei';
let ctx = canvas.getContext('2d');
const width = ctx.measureText('你好，世界').width;
这里的width就为14像素的“你好，世界”渲染后的宽度。
如果觉得我的文章对您有用，请您随意打赏。您的支持将鼓励我更加努力创作！
如无特殊声明，文章均为原创，若有不正之处，万望告知。转载请附上原文地址，十分感谢！
说点什么