Generatore di blob SVG
- I file non lasciano il dispositivo
- Funziona nel browser
- Gratis, senza account, senza filigrana
Press R or Space for a new blob.
Come usare Generatore di blob SVG
Genera forme organiche a blob casuali ed esportale come SVG, PNG o componente React. Regola punti, contrasto, livelli, riempimento a sfumatura e stile del contorno e aggiungi un'animazione morph facoltativa. Ogni forma nasce da un numero seme e viene generata nel browser.
- 1
Fai clic su Nuovo blob, oppure premi R o Spazio, finché la forma ti convince. Le forme precedenti restano sotto Blob recenti.
- 2
Sotto Forma, regola Complessità, Contrasto, Dimensione e Livelli.
- 3
Sotto Colore, scegli una delle Tavolozze o imposta un riempimento Tinta unita o Sfumatura e imposta Stile su Contorno se vuoi solo il bordo.
- 4
Imposta Larghezza e Altezza della tela, attiva Colore di sfondo se serve e abilita Animazione morph per una forma in movimento.
- 5
Fai clic su Scarica SVG, oppure scegli una scala PNG di 1×, 2× o 4× e fai clic su PNG. Copia SVG e Copia React mettono il codice negli appunti.
Domande frequenti
Posso ottenere di nuovo lo stesso blob più tardi?
Sì. La forma nasce dal Seme, quindi lo stesso seme con le stesse impostazioni dà sempre lo stesso blob. Annota il numero e digitalo di nuovo in Seme.
Lo sfondo è trasparente?
Sì, per impostazione predefinita. Attiva Colore di sfondo solo se vuoi una tela riempita.
L'animazione funziona nel file esportato?
L'animazione morph usa l'elemento animate integrato di SVG, quindi si riproduce negli export SVG e React senza CSS o JavaScript aggiuntivi. Il PNG è sempre un fotogramma fermo.
Come uso il blob in un progetto React?
Copia React ti dà un componente che restituisce l'SVG e passa le sue props all'elemento svg, così puoi aggiungere un className o uno style.
Viene caricato qualcosa?
No. Le forme vengono calcolate ed esportate interamente nel browser.