Canvas arcTo() metoden
Definition og brug
arcTo() Metoden opretter en kurve/linje mellem to tangenter på canvas.
Tip:Brug stroke() Metoden tegner en præcis kurve på canvas.
Eksempel
Opret en kurve på canvas mellem to tangenter:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.beginPath();
ctx.moveTo(20,20); // Opret startpunktet
ctx.lineTo(100,20); // Opret en vandret linje
ctx.arcTo(150,20,150,70,50); // Opret en kurve
ctx.lineTo(150,120); // Opret en lodret linje
ctx.stroke(); // Udfør tegning
Syntaks
context.fillRect(x1,y1,x2,y2,r);
Parameterværdi
| Parameter | Beskrivelse |
|---|---|
| x1 | Kurvens startpunkts x-koordinat |
| y1 | Kurvens startpunkts y-koordinat |
| x2 | Kurvens slutpunkts x-koordinat |
| y2 | Bue slutpunkts y-koordinat |
| r | Bue radius |
Browserunderstøttelse
Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Bemærk:Internet Explorer 8 og tidligere versioner understøtter ikke <canvas>-elementet.
