HTML canvas arcTo()Método
Objeto CanvasEjemplo
Crea un arco entre dos tangentes en el lienzo:
JavaScript：
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20); //Crear el punto inicial
ctx.lineTo(100,20); //Crear una línea horizontal
ctx.arcTo(150,20,150,70,50); //Crear el arco
ctx.lineTo(150,120); //Crear una línea vertical
ctx.stroke(); //Dibujar
Pruébalo »
Soporte del navegador
Internet Explorer 9, Firefox, Chrome y Safari son compatibles con el método arcTo().
Nota:Opera no es compatible con el método arcTo().
Nota:Internet Explorer 8 y versiones anteriores no son compatibles con el elemento <canvas>.
Definición y uso
El método arcTo() crea un arco/curva entre dos tangentes en el lienzo.
Consejo:Usastroke()el método para dibujar el arco exacto en el lienzo.
| Sintaxis de JavaScript: | context.arcTo(x1,y1,x2,y2,r); |
|---|
Valores de parámetros
| Parámetro | Descripción |
|---|---|
| x1 | La coordenada x del primer punto de control. |
| y1 | La coordenada y del primer punto de control. |
| x2 | La coordenada x del segundo punto de control. |
| y2 | La coordenada y del segundo punto de control. |
| r | El radio del arco. |
Otras extensiones