Генератор SVG-узора из волн
Составьте в SVG узор из наложенных друг на друга волн с настраиваемыми цветом, амплитудой и числом слоёв — для фона раздела или баннера. Обработка на 100% локально в вашем браузере, на сервер ничего не отправляется.
Как это работает
Узор строится из нескольких наложенных полупрозрачных синусоидальных кривых — от самой верхней (тоньше и плотнее) до самой нижней (шире и мягче). Так создаётся ощущение глубины, как у классического баннера «волны» внизу раздела главной страницы. У каждого слоя немного разный сдвиг фазы, чтобы кривые не совпадали идеально.
Сохраняет ли скачанный файл идеальное качество при любом размере?
Да, это настоящий векторный SVG: его можно встроить на веб-страницу как есть (он подстраивается под ширину контейнера благодаря viewBox) или увеличить в дизайнерской программе без потери чёткости, в отличие от растрового изображения.
Как использовать его как фон раздела на моём сайте?
Скопируйте SVG-код и вставьте его прямо в HTML либо скачайте файл и подключите его как CSS-фон. Чтобы получить эффект баннера внизу раздела, задайте ему position: absolute; bottom: 0 и width: 100%.
Узор создаётся полностью на JavaScript в вашем браузере, без каких-либо сетевых запросов.