canvas实现文字换行

最近看boss直聘附件简历，发现用的canvas而不是dom进行预览的，我很好奇是如何实现的，个人猜测用canvas是为了提升页面渲染性能。

• .measureText 获取文本的尺寸

<canvas id="canvas"></canvas>

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

var text = ctx.measureText("foo"); // TextMetrics object
text.width; // 16;

所以boss直聘多行的内容就是这样实现动态换行的

原文章启发内容：https://github.com/XXHolic/segment/issues/25