SVG Dinámica de cambio de tamaño

¿Alguien sabe que puedo cambiar el tamaño de una imagen svg, por lo que cabe dentro de un contenedor?? Me parece que las imágenes que tengo desbordamientos. Lo que yo quiero es una manera de cambiar el tamaño para que no se desborde.
Cualquier respuesta se agradece. También he tratado de ajuste de la anchura y la altura a 100%

  • Proporcionar su código como base para trabajar.
  • repita la pregunta: stackoverflow.com/questions/3120739/resizing-svg-in-html
  • mi código es mucho. Yo, literalmente, tiene que enviar la carpeta. Puedo tomar una captura de pantalla de cómo se ve. que le ayudará? Traté de ajuste de la anchura y la altura a 100%, al igual que el enlace de arriba sugerido
  • publicado una respuesta con un ejemplo de lo que podría funcionar para usted.
InformationsquelleAutor k.ken | 2012-11-04

1 Kommentar

  1. 6

    Bien, la manera más fácil de hacer dinámico anchos es sólo para proporcionar un valor de porcentaje para width o/y height. Usted puede encontrar mi ejemplo, en un violín aquí http://jsfiddle.net/VDKwy/

    De modo que la parte clave es dejar fuera la width y height propiedades de la svg elemento, o

    <svg width="100%" height="100%"></svg>

    Y, a continuación, utilizando el valor de porcentaje de elementos internos como:

    <rect x="10%" y="10%" width="80%" height="80%" style="fill:blue;stroke-width:5; stroke:black" />
    • Este es un ejemplo de cómo mi contenedor se ve. Las expresiones de la imagen es un svg. Aquí hay un enlace a una instantánea de la misma: imgur.com/3Yw6v
    • Así que si usted proporcionar dinámicas de ancho&altura de la que no es apropiado que usted necesita espacio?
    • Sí, todavía se desborda.
    • Así que usted necesidad de proporcionar valores dinámicos para el contenedor div y su interior de los elementos de la svg contenedor. De cualquier manera es super difícil entender por qué se desborda de una imagen.
    • sí, lo entiendo. Pensé otra opción estará disponible
    • así que usted está tratando con Gráficos Vectoriales Escalables, por lo que no debería sentir esta opción de la dinámica de anchura/altura es algo que debe ser evitado. Su imagen se va a la escala y el aspecto tan bueno si usted reducir o aumentar su tamaño.
    • He intentado todas las soluciones posibles que me parece. Es frustrante. Te gustaría un vistazo más de cerca en mi código?
    • seguro que sería muy interesante de ver, puesto que en un violín en algún lugar y me envía un enlace [email protected]

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea