Generator kształtów blob SVG
- Pliki nie opuszczają urządzenia
- Działa w przeglądarce
- Za darmo, bez konta, bez znaku wodnego
Press R or Space for a new blob.
Jak używać: Generator kształtów blob SVG
Generuj losowe organiczne kształty blob i eksportuj je jako SVG, PNG albo komponent React. Dostosuj punkty, kontrast, warstwy, wypełnienie gradientem i styl obrysu oraz dodaj opcjonalną animację morfu. Każdy kształt pochodzi z liczby ziarna i powstaje w przeglądarce.
- 1
Klikaj Nowy blob albo naciskaj R albo Spację, aż kształt Ci się spodoba. Wcześniejsze kształty zostają w Ostatnich blobach.
- 2
W Kształcie dostosuj Złożoność, Kontrast, Rozmiar i Warstwy.
- 3
W Kolorze wybierz jedną z Palet albo ustaw wypełnienie Jednolite albo Gradient i przełącz Styl na Obrys, jeśli chcesz tylko krawędź.
- 4
Ustaw Szerokość i Wysokość płótna, włącz Kolor tła, jeśli trzeba, i włącz Animację morfu dla ruchomego kształtu.
- 5
Kliknij Pobierz SVG albo wybierz skalę PNG 1×, 2× albo 4× i kliknij PNG. Kopiuj SVG i Kopiuj React wkładają kod do schowka.
Częste pytania
Czy mogę dostać ten sam blob później?
Tak. Kształt pochodzi z Ziarna, więc to samo ziarno przy tych samych ustawieniach zawsze daje ten sam blob. Zapisz liczbę i wpisz ją z powrotem w Ziarno.
Czy tło jest przezroczyste?
Tak, domyślnie. Włącz Kolor tła tylko wtedy, gdy chcesz wypełnione płótno.
Czy animacja działa w wyeksportowanym pliku?
Animacja morfu używa wbudowanego elementu animate SVG, więc odtwarza się w eksporcie SVG i React bez dodatkowego CSS ani JavaScriptu. PNG jest zawsze nieruchomą klatką.
Jak użyć bloba w projekcie React?
Kopiuj React daje komponent, który zwraca SVG i przekazuje swoje props do elementu svg, więc możesz dodać className albo style.
Czy cokolwiek jest przesyłane?
Nie. Kształty są liczone i eksportowane w całości w przeglądarce.