rotar SVG
☞ funciona por completo en tu navegador — no se sube nadaSuelta tu SVG aquí
o haz clic para buscar — solo SVG
Vista previa
rotar SVG
Gira un SVG en pasos de 90° o refléjalo en cualquier sentido. El dibujo se envuelve en una sola transformación, así que cada trazado del archivo queda tal como lo dejó quien lo diseñó.
o haz clic para buscar — solo SVG
Vista previa
una línea de transform
Rotar una foto significa remuestrear todos los píxeles. Rotar un SVG significa escribir una transformación: el dibujo se envuelve en un grupo que gira alrededor del lienzo, y el lienzo — el viewBox junto con width y height — intercambia sus dos lados cuando el giro es de 90° o 270°. Ni una sola coordenada de tus trazados se reescribe.
Por eso también el resultado es exacto. No hay interpolación, ni bordes blandos, ni desviación tras cuatro giros: cuatro cuartos de vuelta te devuelven el archivo original, byte a byte.
tres pasos
Elige un archivo .svg — se queda en tu dispositivo.
Avanza en pasos de 90°, voltea cualquier eje o combina ambos.
El mismo diseño, con otra orientación.
respuestas rápidas
Aquí no. En pasos de 90° el lienzo sigue ajustándose exactamente al dibujo; a 37° no lo haría, y harían falta márgenes, un viewBox mayor y una decisión sobre qué hacer con las esquinas. Los pasos de 90° cubren los casos reales — girar un icono, arreglar una exportación tumbada — con un resultado exactamente previsible.
Apenas. Se añade un elemento de grupo con un atributo transform y se actualizan el viewBox y los atributos de tamaño. Trazados, degradados, clases e ids quedan intactos.
No cambia: sigue lo que ves. Horizontal siempre refleja de izquierda a derecha en pantalla, lo que tras un cuarto de vuelta corresponde a otro eje del archivo original. Es el comportamiento que se espera de un editor de imágenes.
Los elementos title, desc, style, metadata y defs se quedan en el nivel superior, donde deben estar. Solo el dibujo entra en el grupo rotado, así que los lectores de pantalla siguen anunciando la imagen igual.
Se le añade uno que coincide con el width y el height del archivo. Sin viewBox no hay lienzo que pueda intercambiar lados, y un cuarto de vuelta empujaría el dibujo fuera del área visible.
No. El archivo se analiza y se reescribe en tu navegador.