Как сжимать svg только по ширине?

Question

[zlodiak]

Подскажите пожалуйста как сделать так чтобы svg тянулся только по ширине, а высота всегда оставалась постоянной. Вот моя попытка: JSFIDDLE

Здесь я ничего лучше не придумал как задать атрибут width='100%', а атрибут height='200px'. При этом установил вьюпорт так:
viewBox='0 0 360 200'

Но это не помогло.

Возможно, эта задача вообще не имеет решения потому что я хотел бы чтобы при сжимании не ломались пропорции координат оси Х

Answer 1

[GreatRash]

Вам нужно почитать про атрибут preserveAspectRatio.