Μέθοδος HTML canvas arcTo()
Ορισμός και χρήση
arcTo()
Ο τρόπος αυτός δημιουργεί μια καμπύλη/καμπυλόγραμμα μεταξύ δύο τεντωμένων γραμμών στο καanvas.
Συμβουλή:Χρησιμοποιήστε stroke() Ο τρόπος αυτός χρωματίζει ακριβώς την καμπύλη στο καanvas.
Παράδειγμα
Δημιουργία καμπύλης μεταξύ δύο τεντωμένων γραμμών στο καanvas:
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>.