Creador de Logos, Animaciones SVG y Vídeo para Redes Sociales - 2026
Tutoriales SVG

Cómo Dominar el Atributo ViewBox en SVG para Diseños Responsivos

Entiende a fondo el funcionamiento del atributo viewBox y preserveAspectRatio para conseguir gráficos 100% responsivos.

Atributo viewBox en SVG
Publicado por José Manuel Mateos Terrén 2026-03-30

Transformaciones SVG Avanzadas: Contenedores, ViewBox y Grupos

En artículos anteriores, aprendimos a mover elementos dentro de un gráfico SVG, como rectángulos y grupos, modificando sus atributos x e y o usando transformaciones matriciales (puedes revisar el tutorial completo en nuestra guía sobre cómo mover elementos SVG). Ahora, vamos a dar un paso más allá: exploraremos transformaciones que afectan al contenedor del SVG, entenderemos el atributo viewBox y aplicaremos transformaciones a grupos y elementos simples.

Artículos Relacionados