Μέθοδος measureText() του canvas HTML
Ορισμός και χρήση
measureText() Η μέθοδος επιστρέφει έναν αντικείμενο που περιέχει το πλάτος του χαρακτήρα σε pixel.
Συμβουλή:Αν χρειάζεστε να γνωρίζετε το πλάτος του κειμένου πριν το γράψετε στον καμβά, χρησιμοποιήστε αυτή τη μέθοδο.
Παράδειγμα
Αφού γράψετε κείμενο στον καμβά, ελέγξτε το πλάτος του χαρακτήρα:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
var txt="Hello World"
ctx.fillText("width:" + ctx.measureText(txt).width,10,50)
ctx.fillText(txt,10,100);
Γλώσσα
context.measureText(text).width;
Τιμή παράμετρου
| Παράμετρος | Περιγραφή |
|---|---|
| text | Το κείμενο που πρέπει να μετρηθεί. |
Υποστήριξη του προγράμματος περιήγησης
Ο αριθμός στην τάβλη αναφέρει την έκδοση του πρώτου προγράμματος περιήγησης που υποστηρίζει αυτήν την ιδιότητα πλήρως.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Σημείωση:O Internet Explorer 8 και οι παλιότερες εκδόσεις δεν υποστηρίζουν το στοιχείο <canvas>.
