Visualizador e inspector de comandos de rutas SVG

Cómo leer los comandos

Los comandos en mayúsculas usan coordenadas absolutas; los de minúsculas se mueven con respecto al punto actual. Cada uno acepta un número fijo de valores: H y V, uno; M, L y T, dos; S y Q, cuatro; C, seis; A, siete; y Z, ninguno. Los valores adicionales repiten el comando y los pares adicionales después de M se tratan como L. Los siete valores de un arco son los dos radios, la rotación, dos indicadores que eligen el arco grande o pequeño y su dirección, y el punto final.

Tamaño de la vista previa y números compactos

La vista previa muestra un área de 200 × 200 unidades desde el origen. Un icono dibujado en una cuadrícula de 24 unidades aparece pequeño en la esquina superior izquierda, y las rutas de un conjunto de iconos de 512 unidades se salen del borde; ese es el lienzo, no la ruta.

Los optimizadores suelen eliminar separadores y escribir M10-5 o .5.5 para dos números. El desglose los interpreta como lo hacen los navegadores: un signo menos o un segundo punto decimal inicia un número nuevo, así que .5.5 equivale a 0.5 y 0.5. Los indicadores de arco son dígitos individuales, por lo que en a5 5 0 015 5 los indicadores son 0 y 1, y el punto final es 5 5. Para cambiar la forma en lugar de leerla, ábrela en el editor de SVG.

Cómo se usa

1. Pega los datos de la ruta SVG (p. ej., M10 10 L90 90 Z).
2. Inspecciona los tokens de comandos y sus descripciones.
3. Visualiza la vista previa renderizada de la ruta vectorial.

Privacidad y límites

El procesamiento es 100% en el navegador sin retención de datos.