Μέθοδος Canvas arcTo()

Εγχειρίδιο Canvas

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

arcTo() Μέθοδος δημιουργίας αρκούδας/καμπύλης μεταξύ δύο παραλληγοειδών στον καμβά.

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

Παράδειγμα

Δημιουργία αρκούδας μεταξύ δύο παραλληγοειδών στην καμβά.

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

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.beginPath();
ctx.moveTo(20,20);           // Δημιουργία σημείου εκκίνησης
ctx.lineTo(100,20);          // Δημιουργία οριζόντιου
ctx.arcTo(150,20,150,70,50); // Δημιουργία καμπύλης
ctx.lineTo(150,120);         // Δημιουργία κάθετου
ctx.stroke();                // Εκτέλεση σχεδίασης

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

Γλώσσα

context.fillRect(x1,y1,x2,y2,r);

Τιμή παράμετρου

Παράμετρος Περιγραφή
x1 Το τελικό σημείο του κύκλου στον άξονα x
y1 Το ύψος του σημείου εκκίνησης του κύκλου
x2 Το τελικό σημείο του κύκλου στον άξονα x
y2 Η y-κoordίνα του τελικού σημείου της καμπύλης
r Το ρadius της καμπύλης

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

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

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>.

Εγχειρίδιο Canvas