DOM:CanvasRenderingContext2D.arc()

De W3API
Saltar a: navegación, buscar

Contenido

Descripción

Método que nos permite dibujar un arco en un punto del Canvas.

Sintaxis

void arc(in float x, in float y, in float radius, in float startAngle, in float endAngle, in boolean anticlockwise Optional );

Parametros

  • x, coordenada x del centro del arco.
  • y, coordenada y del centro del arco.
  • radius, tamaño del rádio del arco.
  • startAngle, angulo de inicio del arco.
  • endAngle, angulo final del arco.
  • anticlockwise, si dibujar el arco en la dirección contraria a las agujas del reloj.

Objeto DOM al que aplica

CanvasRenderingContext2D

Ejemplo

<canvas height="300px" width="300px" id="micanvas">
Su navegador no soporta en elemento CANVAS</canvas>

<script>
var canvas = document.getElementById("micanvas");
var ctx = canvas.getContext("2d");

ctx.moveTo(10,10);
ctx.arc(150,100,100,(Math.PI/180)*180,0,true);

ctx.strokeStyle="#f00";
ctx.stroke();
</script>

Lineas de Código

Herramientas personales
Espacios de nombres
Variantes
Acciones
Navegación
api's
webs
Herramientas