Html 5 Canvas Dibujar Grilla

T1000 · #1 (**permalink**) 17/01/2013, 12:16

Buenas!

Estoy tratando de dibujar en html5 con canvas, basicamente necesito dibujar una grilla. Me pasan dos parametros X y Y.

Este ejemplo que arme lo hace de forma manual: http://jsbin.com/ifohor/4/edit

La idea es hacerlo dinamico: http://jsbin.com/ifohor/3/edit

Pero no termino de saber como calcular moveX, moveY, lineX, lineY y increaseLine.

Alguien me podria ayudar??

Desde ya muchas gracias!!!

Saludos

devnieL · #2 (**permalink**) 20/01/2013, 20:50

http://jsbin.com/ifohor/25/

T1000 · #3 (**permalink**) 21/01/2013, 08:36

Cita:

Iniciado por devnieL

http://jsbin.com/ifohor/25/

Muchas gracias por tu respuesta devnieL!!!

Por lo que veo la grilla se dibuja si cambia width o el height de "mycanvas"

En el caso que width y height sean fijos (200x200) y me pasen dos valores para dibujar la grilla, por ejemplo 2 lineas por X, 4 lineas por Y, como lo podria hacer??

Muchas gracias de nuevo!!

Saludos