2010-06-28 9 views
9

Estoy programando un debate gráfico con Raphael JS. Los usuarios pueden agregar nodos al gráfico. Finalmente, el gráfico se vuelve realmente grande y el lienzo sigue siendo del mismo tamaño. el lienzo (en raphael js: paper) está dentro de otro div con "overflow: scroll;", así que vamos a ignorar la pantalla inmobiliariaRaphael JS redimensiona el lienzo

¿Hay alguna manera de redimensionar el lienzo sin volver a cargar la página (asignar nueva X/Valores Y)? Como alternativa, ¿puedo crear un segundo lienzo más grande en paralelo y copiar todos los elementos? ¿hay alguna manera?

Respuesta

17

Si entiendo su pregunta, simplemente llame al setSize() para expandir el tamaño del lienzo al tamaño que necesite cuando lo necesite. Lo he usado en un div con overflow: scroll para obtener el efecto que describes.

3

En mi caso, no quería cambiar el tamaño, quería hacer zoom.

En otras palabras, muestre al usuario el gráfico de crecimiento dentro de un div de tamaño constante.

Así que necesitaba: setViewBox()

Cuestiones relacionadas