最近看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直聘多行的内容就是这样实现动态换行的