Los últimos tutoriales de desarrollo web
 

HTML canvas arcTo() Method

<Objeto Canvas

Ejemplo

Crear un arco entre dos tangentes en el lienzo:

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
Inténtalo tú mismo "

Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el método.

Método
arcTo() 4.0 9.0 3.6 4.0 No soportado

Definición y Uso

El arcTo() método crea un arco / curva entre dos tangentes en la lona.

Tip: Utilice el stroke() método para dibujar realmente el arco en el lienzo.

la sintaxis de JavaScript: context . arcTo( x1,y1,x2,y2,r ) ;

Los valores de los parámetros

Parámetro Descripción Juegalo
x1 La coordenada x del comienzo del arco Juegalo "
y1 La coordenada y del comienzo del arco Juegalo "
x2 La coordenada x del extremo del arco Juegalo "
y2 La coordenada y del extremo del arco Juegalo "
r El radio del arco Juegalo "

<Objeto Canvas