Как растянуть векторное изображение на всю ширину и высоту дива?

Question

[zeni1agent]

Я хочу использовать векторное изображение в качестве фона дива

Я пытался с помощью псевдокласса before

.Test1:before  {
content: "\ea80";
}

И transform

.Test1 {
    display:inline-block;
    transform:scale(10,1);  
}

Растянуть символ по всей площади дива но результат меня не удовлетворил.

Я пробовал и напрямую но background не принимает svg формат

.Test1 {
 background: url(img/2.svg) 100% 100% no-repeat; 
 background-size: 100%;
}

Если способ как то это сделать?

Answer 1

[Валентин]

background не принимает svg формат

да ладно

Using SVG – SVG as background-image

Comments

[zeni1agent]

Спасибо за пример.
Только вы множите мне объяснить почему он не принимает локальный файл svg формата?
По ссылке передает а по локальному пути нет.

Answer 2

[Максим]

Это только дописать в самом SVG надо вот это : preserveAspectRatio="none" ну и разумеется что svg это обычное изображение ну и указать ему размер в vw vh