Как я могу использовать SVG для фона на сайте?

Question

Я хочу использовать Adobe Illustrator, чтобы сделать фон SVG для моего сайта. Когда я экспортирую изображение svg из иллюстратора, оно имеет белые границы, и тогда изображение не будет занимать всю ширину моего сайта. Я теряю его, поэтому, пожалуйста, помогите!

Спасибо!

Скриншот того, как это выглядит при экспорте (цвета также искажены:

Answer 1

Если вы использовали SVG фактически как фон, а не как изображение, я ожидаю, что вы также использовали CSS. Предполагая, что ваше изображение не включает белые границы, вы можете использовать это:

.your-selector {
    background-image: url('your image');
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
}

Если ваш SVG содержит белые границы, и вы не хотите менять SV, вы можете изменить значение вашего background-size: ..% ..% к значениям, которые соответствуют SVG.