So finden Sie die Dimensionen von context.fillText (Text, x, y)

Question

Ich zeichne Text auf einer Leinwand und fragte mich, wie ich die Dimensionen des zu zeichnenden Textes bekommen kann.

Die Höhe sollte einfach genug sein.

Mein einziger Gedanke ist, dass eine Monospace-Schriftart verwenden, und berechnen Sie die Länge aus der Anzahl der Zeichen. Gibt es einen besseren Weg, dies zu tun?

Answer 1

Haben Sie diese drawing text using canvas Dokumentation gelesen? Speziell aus der methods section;
Die measureText() Methode scheint zu tun, was Sie fragen.

Zwar gibt es kein Beispiel in der Dokumentation, die ich den Einsatz bin zu raten ist so etwas wie:

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