Перетаскивание с переносом
Элементы оборачиваются сквозь края плитки — бесшовность сохраняется автоматически.
Генератор SVG паттернов
Создавайте бесшовные паттерны из готовых фигур или нарисованных элементов. Экспорт в SVG, PNG и CSS.
V выбор
P рисовать
Del удалить
CtrlD дублировать
Esc снять
↑↓←→ двигать
[] слои
Библиотека паттернов
Возможности генератора паттернов
Transform handles
Тяните за угловые маркеры для изменения размера, за круг выше — для поворота.
Свои фигуры → SVG
Нарисуйте любую форму карандашом — она конвертируется в SVG path и добавляется в паттерн.
Экспорт SVG, PNG, CSS
Скачайте вектор, растр или CSS background-image — готово для продакшена.
Undo / Redo (50 шагов)
Ctrl+Z / Ctrl+Y — полная история изменений. Экспериментируйте без страха.
Поделиться по ссылке
Весь паттерн кодируется в URL — откроется на любом устройстве без регистрации.
Часто задаваемые вопросы
Что такое SVG паттерн и для чего он нужен?
SVG паттерн — повторяющееся векторное изображение, создающее бесшовный фон. Используется в веб-дизайне, упаковке, текстиле, брендинге. Масштабируется до любого размера без потери качества.
Как создать бесшовный паттерн?
Выберите фигуры в палитре, добавьте на холст и расставьте по вкусу. Элементы, выходящие за края плитки, автоматически появляются с обратной стороны — это обеспечивает бесшовность.
Можно ли добавить свою фигуру?
Да. Нажмите «Рисовать» или кнопку P, откройте раздел «Своя фигура», нарисуйте карандашом форму и нажмите «В паттерн». Контур конвертируется в SVG path.
В каких форматах выгрузить паттерн?
SVG — векторный файл, бесконечно масштабируется. PNG — растровый 4×4 тайла с прозрачным фоном. CSS — background-image data URI для прямого использования в стилях. Tailwind — конфиг для tailwind.config.js.