Generator plików SVG

SVG Blob Generator buduje organiczne, nieregularne zamknięte kształty za pomocą krzywych Beziera trzeciego stopnia i eksportuje je jako gotowy do wklejenia znacznik SVG. Pobiera N punktów wokół okręgu z losowym przesunięciem promieniowym, wygładza je obliczeniem stycznych op podstawie sąsiadów i łączy wszystko w jedną zamkniętą ścieżkę <path>. Podgląd na żywo i blok kodu do skopiowania pozwalają natychmiast pobrać wynik.

1. Ustaw suwak Complexity (3 to 12), aby określić, ile punktów kotwicznych kształtuje blob. 2. Ustaw suwak Randomness (0.10 to 1.00), aby kontrolować, jak daleko każdy punkt może odbiec od promienia bazowego. 3. Ustaw Size (100 to 500px) kwadratowego viewBox. 4. Opcjonalnie zwiększ Stroke Width (0 to 10), aby dodać kontur w tym samym kolorze co wypełnienie. 5. Wybierz Fill Color za pomocą próbki koloru. 6. Kliknij Randomize (lub lekko przesuń dowolny suwak), aby ponownie wygenerować kształt. 7. Kliknij Copy, aby skopiować wygenerowany kod SVG do schowka.

Eksportowany znacznik to pojedynczy <svg> z kwadratowym viewBox o wartości 0 0 {size} {size}. Zawiera jedną ścieżkę <path>, której atrybut d składa się z serii poleceń C (Beziera trzeciego stopnia) zamykanych znakiem Z. Współczynnik wygładzenia jest stały i wynosi 0.2; pochodzi z wektora między sąsiadami danego punktu. Gdy Stroke Width jest większa niż 0, ścieżka otrzymuje również atrybuty stroke i stroke-width w tym samym kolorze wypełnienia; w przeciwnym razie emitowany jest tylko fill.