Фоны SVG не будут чрезмерно растягиваться, в отличие от других файлов изображений, таких как png

Моя цель состоит в том, чтобы иметь фоновое изображение, которое растягивается, чтобы заполнить весь контейнер и растянуть, не сохраняя соотношение. Я считаю, что следующий код будет работать с файлами png, но не с svg.

div
{
    background:url("/img/png/angle.png");
    background-size:100% 100%;
    background-repeat:no-repeat;
}

Итак, это сработает, но если я заменил png на svg, он сохранил бы свою пропорцию, чего вы хотите большую часть времени, но не в это конкретное время.

Поэтому мне не обязательно использовать фоновое изображение. Если использование тега img заставляет его работать, я буду использовать его. Все, что я хочу, это то, что изображение растягивается, чтобы заполнить и НЕ сохранить свою пропорцию.