JS：canvas动态获取绘制文字的宽度 CanvasRenderingContext2D.measureText()

[smileyby]

场景：项目海报生成的同一行文字，字体大小不同，根据设计稿给定位置绘制后会发生重叠
需要检测前一串文字的长度，动态计算后面文字的位置
方案：CanvasRenderingContext2D.measureText() 这个方法完美解决，而且兼容性还棒棒哒
参考：https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/measureText