Ver Mensaje Individual
  #3 (permalink)  
Antiguo 20/06/2017, 13:29
Gelito
 
Fecha de Ingreso: agosto-2013
Ubicación: Granada, Andalucía, España
Mensajes: 42
Antigüedad: 10 años, 8 meses
Puntos: 0
Respuesta: Trabajando con SVG

Gracias, caricatos
Utilizando el preserveAspectRatio he avanzado en la gestión del svg, aunque para fijarlo en la ventana sólo he necesitado poner overflow:hidden al div padre. (GraficoArbol).

Ya he conseguido que el árbol se desplace con las teclas del cursor (actualizando el viewbox) y, después de pelearme con las diferencias entre navegadores, capturo el evento wheel del mouse y según el sentido de la rueda actualizo el currentScale del svg para cambiar el tamaño del svg.
Pero... cambiar el currentScale no tiene efecto más que en IE !!!

Leo en el MDN de mozilla que "Los atributos DOM currentScale y currentTranslate están implementados pero no existe una interfaz de usuario para pan ni zoom.".

O sea, que en Mozilla esto no sirve y supongo que, por el mismo motivo, en Opera y Chrome tampoco (lo he probado en los tres..)

Se os ocurre otra forma de reducir o ampliar el svg?
Me molestaría mucho tener que recomendar que se use IE...