Crea ed edita SVG online

Vi presentiamo un tool interessante da poter utilizzare online che vi permette di creare ed editare degli SVG.

SVG è un formato di file di grafica vettoriale molto utilizzato anche sui siti per riprodurre ad esempio loghi o simboli. Questo tool online vi permette di inserire il path di qualsiasi SVG e di poterlo editare grazie anche a un editor grafico.

Crea ed edita SVG online

Anche se non siamo propriamente esperti in questo settore ci sembra uno strumento interessante, vi elenchiamo le caratteristiche presenti su GitHub di questo tool:

Basic:

• Incolla o edita il path nel campo chiamato path
• Clicca su + per aggiungere un nuovo comando al percorso, selezionarne un tipo e fare clic sulla destinazione
• Sposta i punti graficamente con il mouse
• Clicca su un punto e poi sul pulsante ... per inserire un comando subito dopo quello selezionato, per rimuoverlo o per cambiarne il tipo

Commands panel

• Clicca sul tipo di comando per passare dalle coordinate relative a quelle assolute
• I comandi relativi sono di colore arancione mentre quelli assoluti sono di colore viola
• Fai clic su ... e poi su Delete per eliminare un comando
• Premi sui ... e poi su Insert After per inserire un nuovo comando subito dopo quello selezionato
• Premi sui ... poi Convert per convertire il comando selezionato in un nuovo tipo

ViewBox

• Usa la rotella del mouse o fai clis su Zoom avanti e Zoom indietro per ingrandire o rimpicciolire la finestra
• Clicca e trascina con il mouse per spostare il riquadro di visualizzazione
• Clicca su Zoom to Fit per importare automaticamente il riquadro di visualizzazione in base al percorso corrente
• Il ViewBox può essere impostato anche manualmente con i campi x,y, larghezza e altezza

Path operations

• Riduci in scala il path completo con il tasto Scale
• Traslata il path con il pulsante Translate
• Ruotalo con il pulsante Rotate
• Arrotonda tutte le coordinate del path con il pulsante Round
• Converti tutti i comandi in coordinate relative o assolute con il pulsante Convert to relative o Convert to absolute

Shortcuts

• Premi m, l, v, h, c, s, q, t, a oppure z per inserire un comando dopo quello selezionato
• Usa SHIFT + m, l, v, h, c, s, q, t, a oppure z per convertire il comando selezionato in un nuovo tipo
• Premi ESC per cancellare il comando creato o per annullare l’operazione di trascinamento in corso
• Usa Del o backspace per eliminare il comando selezionato
• Premi CTRL + z o CMD +z per annullare l’operazione
• Usa CTRL + SHIFT + z o CMD + SHIFT + z per ripetere un’operazione
• Tieni premuto CTRL durante il trascinamento per ignorare il vincolo di snap alla griglia

Prova questo tool online

Se volete provare questo strumento online open source per creare o modificare gli SVG vi lasciamo qui sotto il sito e il codice sorgente!

Questo tag @lealternative serve a inviare automaticamente questo post su Feddit e permettere a chiunque sul fediverso di commentarlo.