Editor di percorsi SVG

L'Editor di percorsi SVG permette di scrivere e rifinire l'attributo d di un percorso SVG e di vederne la forma aggiornata in tempo reale. Digita o incolla una stringa di percorso e l'anteprima si ridisegna mentre scrivi, con la vista che si adatta automaticamente alle tue coordinate. Puoi impostare i colori del tratto e del riempimento e lo spessore del tratto, copiare il percorso finito e aprire un riferimento integrato di tutti i comandi. Tutto avviene nel tuo browser, nulla viene caricato.

1. Digita o incolla i dati del percorso nella casella di input 2. Imposta il colore del tratto, il colore di riempimento e lo spessore 3. Osserva l'anteprima aggiornarsi in tempo reale 4. Apri il riferimento dei comandi se serve 5. Clicca su Copia per prendere la stringa del percorso finito

Un percorso è una sequenza di comandi come M per spostarsi, L per tracciare una linea e C per una curva, ciascuno con coordinate. I comandi maiuscoli usano coordinate assolute e posizioni esatte; i minuscoli sono relativi al punto precedente. La vista si adatta analizzando i numeri del percorso, quindi aggiungere margine o controllare le coordinate aiuta se una forma sembra tagliata. La scheda di riferimento aiuta a ricordare la sintassi esatta di archi, bezier e altri comandi.