Μέθοδος HTML canvas moveTo()

Ορισμός και χρήση

moveTo() Η μέθοδος μετακινεί τη διαδρομή στο καθορισμένο σημείο του κασέτα χωρίς να δημιουργεί γραμμή.

Συμβουλή:Χρησιμοποιήστε stroke() Η μέθοδος στο κασέτα ζωγραφίζει την ακριβή διαδρομή.

Παράδειγμα

Αρχίστε μια διαδρομή, μετακινήστε σε θέση 0,0. Δημιουργήστε μια γραμμή που φτάνει στο σημείο 300,150:

Ο προγράμματογράφος σας δεν υποστηρίζει το ετικέτα HTML5 canvas.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();

Δοκιμάστε το προσωπικά

Γλώσσα

context.moveTo(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>.