Μέθοδος Canvas translate()
Ορισμός και χρήση
translate() για να επαναπροσδιορίσετε τη θέση (0,0) στο καanvas.
Σημείωση:Όταν καλείτε μεθόδους όπως fillRect() όπως x και y στις συντεταγμένες.
Παράδειγμα
Δημιουργία παραγώνιου στην τοποθεσία (10,10), ορίζοντας την νέα θέση (0,0) ως (70,70). Επανεφαρμογή της νέας παραγώνιου (προσέξτε ότι η παραγώνιος ξεκινάει από την τοποθεσία (80,80)):
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(10,10,100,50);
ctx.translate(70,70);
ctx.fillRect(10,10,100,50);
Γλωσσική δομή
context.translate(x,y);
Τιμή παράμετρου
| Παράμετρος | Περιγραφή |
|---|---|
| x | Η τιμή που προστίθεται στην οριζόντια συντεταγμένη (x). |
| y | Η τιμή που προστίθεται στην κάθετη συντεταγμένη (y). |
Υποστήριξη του προγράμματος περιήγησης
Ο αριθμός στη διάταξη σημαίνει την έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το χαρακτηριστικό.
| 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>.
