Генератор SVG-объектов в форме блобов

Генератор SVG Blob строит органичные, каплевидные замкнутые фигуры с помощью кубических кривых Безье и экспортирует их как готовую к вставке SVG-разметку. Он выбирает N точек по окружности со случайным радиальным смещением, сглаживает их расчётом касательной по соседним точкам и соединяет всё в одну замкнутую <path>. Живой предпросмотр и блок кода для копирования позволяют мгновенно получить результат.

1. Настройте ползунок «Сложность» (3 to 12), чтобы задать количество опорных точек, формирующих blob. 2. Настройте ползунок «Случайность» (0.10 to 1.00), чтобы контролировать, насколько каждая точка может отклоняться от базового радиуса. 3. Задайте «Размер» (100 to 500px) квадратного viewBox. 4. При желании увеличьте «Толщину обводки» (0 to 10), чтобы добавить контур того же цвета, что и заливка. 5. Выберите «Цвет заливки» с помощью палитры. 6. Нажмите «Случайно» (или слегка сдвиньте любой ползунок), чтобы пересоздать фигуру. 7. Нажмите «Копировать», чтобы скопировать сгенерированный SVG-код в буфер обмена.

Экспортируемая разметка — это одиночный <svg> с квадратным viewBox 0 0 {size} {size}. Он содержит одну <path>, атрибут d которой представляет собой последовательность команд C (кубических Безье), замыкаемых с помощью Z. Коэффициент сглаживания фиксирован на 0.2 и выводится из вектора между соседними точками каждой точки. Когда «Толщина обводки» больше 0, путь также получает атрибуты stroke и stroke-width того же цвета, что и заливка; в противном случае выводится только fill.