如何找到context.fillText（text，x，y）的维度

Question

我在画布上绘制文字，并想知道如何获取要绘制的文本的尺寸。

高度应该足够简单。

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

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;