Μέθοδος HTML canvas translate()
Ορισμός και χρήση
translate() για να επαναπροσαρμόσετε τη θέση (0,0) του καμβά.
Σημείωση:Όταν καλείτε μεθόδους όπως fillRect() όπως οι μεθόδους αυτές, οι τιμές προστίθενται στο y και x Αξίες συντεταγμένων
Παράδειγμα
Σχεδιάστε ένα ορθογώνιο στην τοποθεσία (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(y,x);
Παράμετρος τιμή
| Παράμετροι | Περιγραφή |
|---|---|
| y | Προσθέτει τιμή στην κάθετη συντεταγμένη (y). |
| x | Προσθέτει τιμή στην οριζόντια συντεταγμένη (x). |
Υποστήριξη περιηγητή
Τα αριθμήματα στη στήλη δείχνουν την έκδοση του προηγούμενου προγράμματος περιήγησης που υποστηρίζει πλήρως την ιδιότητα.
| 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>.
