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

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

arcTo() Ο τρόπος αυτός δημιουργεί μια καμπύλη/καμπυλόγραμμα μεταξύ δύο τεντωμένων γραμμών στο καanvas.

Συμβουλή:Χρησιμοποιήστε stroke() Ο τρόπος αυτός χρωματίζει ακριβώς την καμπύλη στο καanvas.

Παράδειγμα

Δημιουργία καμπύλης μεταξύ δύο τεντωμένων γραμμών στο καanvas:

Η συσκευή σας δεν υποστηρίζει το ετικέτα 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 Η y-κεντρική συντεταγμένη του αρχικού σημείου της καμπύλης.
x2 Η x-κεντρική συντεταγμένη του τελικού σημείου της καμπύλης.
y2 Η y-κεντρική συντεταγμένη του τελικού σημείου της καμπύλης.
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>.