在javascript中以像素为单位测量字符串的长度

Question

如果我知道font-size和font-family,如何在javascript中找到字符串的长度(以像素为单位)？

Answer 1

最简单的解决方案是创建一个内存画布(即未添加到DOM中的画布),然后使用该measureText函数:

var canvas = document.createElement('canvas');
var ctx = canvas.getContext("2d");
ctx.font = "11px Arial";        
var width = ctx.measureText(str).width;