javascript - 如何查找 context.fillText(text, x, y) 的尺寸

Question

我正在 Canvas 上绘制文本，想知道如何获得要绘制的文本的尺寸。

高度应该足够简单。

我唯一的想法是使用等宽字体，并根据字符数计算长度。还有更好的方法吗？

Answer 1

你读过这篇文章吗drawing text using canvas文档？ 特别是来自methods section ;
measureText()方法似乎可以满足您的要求。

虽然文档中没有示例，但我猜测其用途如下:

var text = 'this is my text';
var text_ctx = ctx.measureText(text);
var text_width = text_ctx.width;