Acerca de esta herramienta
Comprueba contornos de iconos y curvas complejas. Pega datos de trazado o selecciona un trazado de un SVG, consulta su forma, comandos y límites y genera un archivo estático independiente.
Cómo usarla
- Selecciona el modo SVG para abrir un archivo o el modo de trazado para pegar el contenido del atributo d.
- Elige un trazado del SVG o comprueba que los datos independientes sean válidos.
- Configura el relleno, el color y grosor del trazo, el fondo y el zoom.
- Consulta comandos y límites y descarga path-preview.svg si lo necesitas.
Funciones
- Admite comandos M, L, H, V, C, S, Q, T, A y Z.
- Muestra estadísticas de comandos y límites geométricos, con avisos para datos inválidos.
- La vista previa se ajusta a los límites con margen. La descarga incluye el trazado seleccionado y su estilo.
Comandos y límites del trazado
- M mueve el punto actual a las coordenadas indicadas; L, H y V dibujan líneas; C y S, curvas cúbicas; Q y T, curvas cuadráticas; A, arcos elípticos; Z cierra el subtrazado. Las minúsculas suelen indicar coordenadas relativas.
- Los límites incluyen la geometría, pero no el grosor del trazo, marcadores, sombras ni filtros. Se tienen en cuenta las transformaciones de los elementos superiores; ver un trazado aislado no reproduce todos los recortes y composiciones del original.
- Los trazados largos conservan sus estadísticas, pero la lista detallada de comandos se limita para evitar que la página se ralentice.
Seguridad de los SVG
La vista previa utiliza una copia estática filtrada. No ejecuta scripts, eventos de clic ni animaciones, ni carga imágenes, fuentes o estilos externos. Se eliminan referencias externas, páginas incrustadas y contenido no compatible, por lo que puede diferir del original. No se admiten documentos con DOCTYPE ni entidades personalizadas.
Los archivos y el código SVG UTF-8 admiten hasta 2 MiB, 20000 nodos, incluidos elementos y texto, y 96 niveles de anidamiento. Simplifica los archivos que superen estos límites.
Privacidad
El SVG se procesa únicamente en tu navegador y no se sube al servidor.
La herramienta no guarda automáticamente la entrada ni los resultados. Descarga lo que necesites antes de borrar o salir y conserva el archivo original.
Preguntas frecuentes
¿Qué es el atributo d?
Contiene los comandos y las coordenadas que describen líneas, curvas, arcos y contornos cerrados.
¿Qué significan M, L, C, Q y A?
M mueve el punto actual a las coordenadas indicadas; L dibuja una línea; C, una curva de Bézier cúbica; Q, una cuadrática; A, un arco elíptico.
¿Qué significa Z?
Cierra el subtrazado actual hasta su punto inicial. Un mismo atributo d puede contener varios subtrazados.
¿Se ejecutan scripts del SVG?
No. El SVG completo se filtra y la vista previa independiente solo usa datos de trazado válidos y estilos estáticos seleccionados.