html - 如何使用 html5 canvas 获取文本的边界框？

Question

我想要一些文本的边界框。

Answer 1

我在提交问题之前找到了答案:

http://mudcu.be/journal/2011/01/html5-typographic-metrics/#bboxUnicode http://www.w3schools.com/tags/canvas_measuretext.asp

var text_width = ctx.measureText("some text").width;

我为 text_height 使用了行高。

这不会给出精确的边界框，但它在文本渲染之前速度很快且可用。