Hola a todos.
Les pido ayuda porque he llegado a un punto del que no encuentro salida, estoy bloqueado. Les cuento:
Me puse a trabajar con SVG y no me ha ido mal (en lineas generales...) Desde PHP genero un árbol genealógico a partir de los datos de personas y relaciones de la base de datos.
El problema es que, como es lógico, el árbol excede el tamaño de la pantalla y quiero que se ocupe la pantalla y el resto del arbol esté oculto y aparezca cuando se mueva el árbol.
He buscado información sobre viewport y viewBox y aparantemente está claro. Tengo éste codigo:
Código HTML:
Ver original<div id='GraficoArbol' class='centrado' width=1920 height=810> <svg id='graficosvg' overflow='hidden' width='28380' height='720' viewBox='0 0 28380 720'>
...
...
</svg>
Y el árbol me aparece extendido hacia la derecha hasta los 28000 pixeles.
Si cambio a viewBox='0 0 1920 720' me muestra todo al árbol, minimizado, en los 1920 pixeles de la pantalla.
Alguien puede aclararme qué no he entendido del concepto viewBox ??
Tambien quiero poder cambiar el tamaño del árbol con la rueda del mouse y poder imprimirlo, pero eso lo abordaré más adelante...
Cada cosa a su tiempo.
Gacias por adelantado.