使用measureText测量文本宽度

经常遇到的情况是在画图的时候要根据字体的长度设置svg中不同元素的宽度，但是在内容渲染之前是获取不到宽度的，这里使用measureText来提前获取宽度。

使用方式很简单

let canvas = document.createElement('canvas');
canvas.font = '14px Microsoft YaHei';
let ctx = canvas.getContext('2d');
const width = ctx.measureText('你好，世界').width;

这里的width就为14像素的“你好，世界”渲染后的宽度。