Как растянуть SVG по ширине при этом сохранив высоту?

Question

[Капитан Какао]

В общем SVG элементы ведут себя как картинки (img) они масштабируется пропорционально.
Вопрос в том, можно ли как-то изменять только ширину при этом высоту сохранять по умолчанию.

Вот пример, если масштабировать область с красным прямоугольником, можно наблюдать как он изменятся в размерах, но меняется как ширина так и высота.

https://jsfiddle.net/RadCor/esf16w9y/1/

Answer 1

[Капитан Какао]

Решил вопрос с помощью preserveAspectRatio="none"
Демо: https://jsfiddle.net/RadCor/esf16w9y/3/

Answer 2

[Петр]

https://css-tricks.com/scale-svg/