Strumento per sviluppatori / 19

Visualizzatore e analizzatore dei comandi dei tracciati SVG

Analizza i dati del tracciato SVG (attributo d) e mostra token, parametri dei comandi e anteprime visive.

Visualizzatore e analizzatore dei comandi dei tracciati SVG: TOEA suddivide in token le istruzioni del tracciato (M, L, C, Q, A, Z) e mostra un'anteprima interattiva sul canvas SVG. Funziona al 100% localmente nel browser, senza caricare file sul server.

Esecuzioni
Nel browser
Costo
Gratuito · senza registrazione
Disponibilità
Pronto all'uso

Comandi del tracciato (4 token)

MMove To (Absolute)M 10 80
QQuadratic Bezier Curve (Absolute)Q 52.5 10, 95 80
TSmooth Quadratic Bezier (Absolute)T 180 80
ZClose PathZ

Leggere i comandi

I comandi maiuscoli usano coordinate assolute, quelli minuscoli si spostano rispetto al punto corrente. Ognuno accetta un numero fisso di valori: H e V uno, M, L e T due, S e Q quattro, C sei, A sette e Z nessuno. I valori aggiuntivi ripetono il comando e le coppie aggiuntive dopo M vengono trattate come L. I sette valori di un arco sono i due raggi, la rotazione, due flag che scelgono l'arco maggiore o minore e la direzione, quindi il punto finale.

Dimensioni dell'anteprima e numeri compatti

L'anteprima mostra un'area di 200 × 200 unità a partire dall'origine. Un'icona disegnata su una griglia di 24 unità appare piccola nell'angolo in alto a sinistra, mentre i percorsi di un set di icone da 512 unità escono dal bordo: è il canvas, non il percorso.

Gli optimizer spesso eliminano i separatori, scrivendo M10-5 o .5.5 per due numeri. La scomposizione li legge come fanno i browser: un segno meno o un secondo punto decimale inizia un nuovo numero, quindi .5.5 equivale a 0.5 e 0.5. I flag degli archi sono cifre singole, quindi in a5 5 0 015 5 i flag sono 0 e 1 e il punto finale è 5 5. Per modificare la forma invece di leggerla, aprila nell'editor SVG.

Come usarlo

  1. Incolla i dati del tracciato SVG (ad es. M10 10 L90 90 Z).
  2. Esamina i token dei comandi e le relative descrizioni.
  3. Visualizza l'anteprima del tracciato vettoriale renderizzato.

Privacy e limitazioni

L'elaborazione avviene al 100% nel browser, senza conservazione dei dati.

Strumenti correlati

Domande frequenti

Quali comandi dei tracciati SVG vengono analizzati?

Sono supportati MoveTo, LineTo, curva di Bezier cubica, curva di Bezier quadratica, arco ellittico e ClosePath, sia in forma assoluta sia relativa.

Strumento gratuito · nel browser esecuzioni · senza account