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