Editor de viewBox SVG
Pega código SVG y ajusta su viewBox, ancho y alto en tiempo real
도구를 불러오는 중…
🔒 Todo se procesa 100 % en tu navegador. Tus archivos y datos nunca se suben a ningún servidor.
Esta herramienta permite pegar código SVG y ajustar los valores minX, minY, ancho y alto del viewBox, así como los atributos width y height, mediante campos numéricos con vista previa en vivo. Es útil para desarrolladores y diseñadores que necesitan corregir iconos recortados, ajustar márgenes o depurar visualmente un viewBox mal configurado. Todo se procesa en el navegador, sin enviar datos a ningún servidor.
Cómo usar
- Pega el código SVG original en el campo de entrada.
- Los valores existentes del viewBox rellenan automáticamente Min X, Min Y, Ancho y Alto.
- Ajusta los campos numéricos y observa la vista previa actualizarse al instante.
- Define opcionalmente los atributos width/height y copia el código SVG resultante.
Preguntas frecuentes
- ¿Qué pasa si mi SVG no tiene atributo viewBox?
- El editor estima un viewBox inicial a partir de los atributos width y height del SVG.
- ¿Se envía mi código SVG a un servidor?
- No. El análisis y la serialización ocurren íntegramente en el navegador con DOMParser y XMLSerializer, sin salir de tu dispositivo.
- ¿Qué ocurre si pego un código SVG inválido?
- Si el análisis falla o no se encuentra un elemento svg, aparece un mensaje de error en el área de vista previa.