Как сделать SVG-изображение резиновым?

Question

[distorting_reality]

Нарисовал SVG-изображение. При изменении размера окна браузера, оно не меняет свой размер, то есть фиксированное. Как сделать SVG резиновым?

Вот код jsfiddle.net/4E3WK

Answer 1

[Юрий Лобанов]

Приведите код разметки svg. Скорее всего он у Вас весь с абсолютными единицами.

Comments

[distorting_reality]

Да, там одни лишь пиксели. Я рисовал через Inkscape. Но когда меняю все пиксели на проценты, ничего не выходит. Вот код jsfiddle.net/4E3WK

[Юрий Лобанов]

@distorting_reality мой Вам совет - начните с рисования простых объектов. Сначала попробуйте не кривую, а скажем окружность нарисовать.

[distorting_reality]

Я прошёл "подготовку". У меня лишь один вопрос: как сделать резиновым?

[Юрий Лобанов]

@distorting_reality я Вам написал - уйти от абсолютных значений.

[distorting_reality]

Понял, спасибо.

Answer 2

[Назар Мокринский]

<img src="image.svg" width="100%">

Comments

[glinkap]

этот вариант не работат если в svg есть анимация