Metoda arcTo() plátna HTML

❮ HTML Canvas Reference

Příklad

Vytvořte oblouk mezi dvěma tečnami na plátně:

Váš prohlížeč nepodporuje HTML5canvatag.

JavaScript:

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20, 20);           // Create a starting point
ctx.lineTo(100, 20);          // Create a horizontal line
ctx.arcTo(150, 20, 150, 70, 50); // Create an arc
ctx.lineTo(150, 120);         // Continue with vertical line
ctx.stroke();                // Draw it

Podpora prohlížeče

Čísla v tabulce určují první verzi prohlížeče, která tuto metodu plně podporuje.

Method
arcTo() Yes 9.0 Yes Yes No

Definice a použití

Metoda arcTo() vytvoří oblouk/křivku mezi dvěma tečnami na plátně.

Diagram plátna arcto().

Tip: Pomocí metody stroke() skutečně nakreslete oblouk na plátno.

Syntaxe JavaScriptu: kontext .arcTo( x1,y1,x2,y2,r );

Hodnoty parametrů

Parameter Description Play it
x1 The x-coordinate of the first tangent
y1 The y-coordinate of the first tangent
x2 The x-coordinate of the second tangent
y2 The y-coordinate of the second tangent
r The radius of the arc

❮ HTML Canvas Reference