html - html5キャンバスを使用してテキストのバウンディングボックスを取得するには?

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た。

これは正確なバウンディング ボックスを提供しませんが、テキスト レンダリングの前に高速で使用できます。

Answer 2

質問の意味が分からないかもしれませんが、以下はどうでしょう。

/* w3schools ボックスサイズのページを参照 */

<style>
* {
    box-sizing: border-box;
} 
</style>