Ultimele tutoriale de dezvoltare web
 

HTML canvas arcTo() Method

<HTML Canvas de referință

Exemplu

Crearea unui arc intre doua tangente pe panza:

YourbrowserdoesnotsupporttheHTML5canvastag.

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
Încearcă - l singur »

Suport pentru browser-

Numerele din tabel specifica prima versiune de browser care acceptă pe deplin metoda.

Metodă
arcTo() da 9 da da Nu

Definiție și utilizare

arcTo() metoda creează un arc / curba intre doua tangente pe panza.

Canvas <span class = arcto () diagrama "style =" width: 200px; înălțime: auto“class = "img-receptiv">

Tip: Utilizați stroke() metoda de a desena arcul pe panza.

sintaxa JavaScript: context . arcTo( x1,y1,x2,y2,r ) ;

Valorile parametrilor

Parametru Descriere Joaca-l
x1 Coordonata X a primei tangente Joaca - l »
y1 Y-coordonata primei tangente Joaca - l »
x2 Coordonata X a doua tangente Joaca - l »
y2 Y coordonata a doua tangente Joaca - l »
r Raza arcului Joaca - l »

<HTML Canvas de referință