HTML canvas arcTo() metoden
Definition og brug
arcTo() Metoden opretter en bue/kurve mellem to tangenter på canvas.
Tip:Brug stroke() Metoden tegner en præcis bue på canvas.
Eksempel
Opret en bue mellem to tangenter på 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); // Opret en bue
ctx.lineTo(150,120); // Opret en lodret linje
ctx.stroke(); // Udfør tegning
Syntax
context.fillRect(x1,y1,x2,y2,r);
Parameter værdi
| Parameter | Beskrivelse |
|---|---|
| x1 | Cirkelens startpunkts x-koordinat. |
| y1 | Cirkelens startpunkts y-koordinat. |
| x2 | Cirkelens slutpunkts x-koordinat. |
| y2 | Cirkelens slutpunkts y-koordinat. |
| r | Cirkelradiusen. |
Browser Support
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.
