SVG в качестве фонового рисунка

SVG очень удобно использовать в качестве фонового рисунка из-за малого веса файла, который легко отредактировать.

Для повторяющихся узоров и паттернов используйте встроенные теги SVG tile или pattern. Не усложняйте узор, чтобы файл оставался маленьким и код был читаемым.

Удобно использовать по крайней мере один цвет фонового рисунка в CSS-стилях.

Серия статей взята с этого источника.

Полоски

Полоски с наклоном

Штриховка

Шестиугольная решётка

Рыбная чешуя

Мозаика Эшера

Африканские мотивы

Греческие мотивы

Школьная тетрадь

Смешиваем картинку с фоном

Зубчатый разделитель

Вернуться в раздел SVG

Дополнительные материалы

the new code – Bokeh Backgrounds with SVG and JS

the new code – Generate Page Watermarks with SVG

Реклама