Strumento per sviluppatori / 28

Editor e disegnatore vettoriale SVG online

Disegna, applica stili, organizza i livelli e modifica grafiche vettoriali SVG visivamente o tramite codice XML SVG in tempo reale.

Editor e disegnatore vettoriale SVG online: Disegna rettangoli, cerchi, ellissi, linee, tracciati e testo su una tela SVG. Sposta gli oggetti, modifica riempimento, traccia e opacità e organizza i livelli. Puoi anche importare un SVG o modificarne il markup nella scheda Codice, quindi scaricare un SVG o un PNG oppure copiare il testo SVG. Funziona al 100% localmente nel browser, senza caricare file sul server.

Categoria: Strumenti per sviluppatori
Esecuzioni: Nel browser
Costo: Gratuito · senza registrazione
Disponibilità: Pronto all'uso

Aggiungi forma:

Griglia di trasparenza

Sfondo:

Ispezione e stile elemento

Tipo e ID

rect (rect_1)

Allineamento del canvas

Colore di riempimento

Colore e spessore del tratto

Opacità (100%)

Larghezza

Altezza

Azioni livello

Livelli (3)

text (text_1)

circle (circle_1)

rect (rect_1)

Disegnare forme, percorsi e testo

Aggiungi rettangoli, cerchi, ellissi, linee, stelle, triangoli, cuori, percorsi o testo. Seleziona un oggetto per modificarne il riempimento, il colore e la larghezza del tratto e l'opacità, oppure usa i controlli dei livelli per duplicarlo, eliminarlo e cambiarne l'ordine. Le impostazioni del canvas definiscono le dimensioni del disegno e lo sfondo.

Sposta un percorso sul canvas e modificane la forma nella scheda Code. I comandi dei percorsi come M, L e C descrivono spostamenti, linee e curve. Non è un editor visuale dei nodi: non ci sono maniglie trascinabili per le curve. L'XML modificato viene applicato quando esci dal campo del codice.

Limiti di esportazione e importazione

SVG conserva le forme vettoriali e il testo modificabile; PNG rasterizza il disegno alle dimensioni della tela. Copiando il markup ottieni il testo SVG da usare in una pagina o in un altro editor. Il testo non viene convertito in tracciati, quindi il suo aspetto dipende dal font disponibile nel punto in cui il file viene aperto.

I file importati vengono ridotti alle forme di base, ai tracciati e al testo supportati. Sfumature, filtri, ritagli, immagini incorporate e comportamento dei gruppi non vengono conservati completamente. Conserva l'originale e confronta il disegno importato prima di esportare una sostituzione.

Come usarlo

Aggiungi un rettangolo, un cerchio, un'ellisse, una linea, una stella, un tracciato o del testo e trascinalo nella posizione desiderata.
Imposta riempimento, traccia, opacità, raggio degli angoli e ordine dei livelli.
Scarica il file SVG o PNG oppure copia il markup.

Privacy e limitazioni

Il disegno non lascia mai il tuo browser: non viene caricato nulla, non c'è salvataggio automatico e non viene usato alcun server. Chiudendo la scheda il disegno viene eliminato, quindi scarica il file prima di uscire.

Strumenti correlati

Domande frequenti

Posso disegnare e modificare i tracciati?

Puoi aggiungere un tracciato, spostarlo sulla tela e modificarne riempimento e traccia. Per cambiarne la forma, modifica i comandi del tracciato nella scheda Codice: non è disponibile un editor visivo dei punti di controllo. Le modifiche al codice vengono applicate quando esci dal campo di testo.

Posso aggiungere testo e forme semplici?

Sì. Dalla barra degli strumenti puoi aggiungere rettangoli, cerchi, ellissi, linee, stelle, triangoli, cuori, tracciati o testo. Per il testo sono disponibili i controlli per il contenuto e la dimensione del carattere. Puoi allineare, duplicare, eliminare e riordinare gli oggetti, oltre a modificare il colore di riempimento, il colore della traccia, la larghezza della traccia e l'opacità.

Quali file posso esportare?

Scarica in formato SVG per mantenere le forme vettoriali e il testo modificabile, oppure in PNG per ottenere un'immagine raster con le dimensioni della tela. Puoi anche copiare il markup SVG. Il testo non viene convertito in tracciati.

Strumento gratuito · nel browser esecuzioni · senza account