Html5用javascript检测绘制字符串长度

Question

随便我会通过这样做来检测字符串的宽度和高度。

canvas.getContext("2d").font="12px Arial";
canvas.getContext("2d").fillStyle = "red";
canvas.getContext("2d").fillText("StackOverflow",x,y);

var width = canvas.getContext('2d').measureText(ct_string).width;

但是，我需要在将它绘制到画布之前计算宽度，这样我才能做到这一点。

canvas.getContext("2d").fillText("StackOverflow",x - width,y);

希望对此有所帮助，也许我不完全理解measureText，我相信它只能在将字符串绘制到画布后使用，但我不确定。

（我正在编程没有服务器，无法测试我正在运行的代码）。 创建第二个html5画布是不可能的。

我需要更好的理解