Dibujar sectores con canvas - HTML5



   AUTOR PREGUNTA

Publicado 06 febrero 2014 - 04:35

[color=#000000][font=Arial][size=4]Estoy tratando de hacer una especie de gráfico de torta con el elemento canvas de HTML5, sin embargo no encuentro una función que lo haga por sí misma. Sólo he logrado dibujar círculos completos y segmentos. ¿Alguien sabe como hacer esto?[/size][/font][/color]


¿Tienes la misma pregunta? Yo también

 

Publicado 06 febrero 2014 - 15:24

Te dejo como hacerlo, donde cx y cy serían los datos para el centro de la circunferencia, solo sustituye el resto de los valores y con eso tendrías lo que necesitas:

context.moveTo(cx,cy);
context.arc(cx,cy,radio,angulo_inicio,angulo_final);
context.lineTo(cx,cy);
context.stroke();

   AUTOR PREGUNTA

Publicado 06 febrero 2014 - 21:47

Perfecto Nicolas, ya lo voy a implementar!