Μέθοδος beginPath() για καanvas HTML

Εγχειρίδιο HTML5 Canvas

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

beginPath() Η μέθοδος ξεκινά μια διαδρομή ή επαναφέρει την τρέχουσα διαδρομή.

Συμβουλή:Χρησιμοποιήστε αυτές τις μεθόδους για τη δημιουργία διαδρομών: moveTo(), lineTo(), quadricCurveTo(), bezierCurveTo(), arcTo() και arc().

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

Παράδειγμα

Σχεδιάστε δύο διαδρομές στο καanvas; Κόκκινο και μπλε:

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

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineWidth="5";
ctx.strokeStyle="red"; // Κόκκινη διαδρομή
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke(); // Εκτελείται το σχέδιο
ctx.beginPath();
ctx.strokeStyle="blue"; // Μπλε διαδρομή
ctx.moveTo(50,0);
ctx.lineTo(150,130);
ctx.stroke(); // Εκτελείται το σχέδιο

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

Γλώσσα γραμματοσειράς

context.beginPath();

Υποστήριξη προγράμματος περιήγησης

Ο αριθμός στη τάβλη είναι η έκδοση του πρώτου προγράμματος περιήγησης που υποστηρίζει αυτήν την ιδιότητα.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Σημείωση:Το Internet Explorer 8 και οι προηγούμενες εκδόσεις δεν υποστηρίζουν το στοιχείο <canvas>.

Εγχειρίδιο HTML5 Canvas