SVG картинка обрезаная, как сделать на весь экран?

Question

[Леонард Теснов]

Картинка SVG вставленая при помощи <object> обрезалась . Как сделать чтобы картинка была полноразмерная или маштабирована

Comments

[Антон]

пример в студию -

[Максим Тимофеев]

Срочно берите газету "Вестник доярки" и ищите там раздел, "топ экстрасенсов". Без кода только на них надежда.

Answer 1

[Максим Костюкевич]

вариантов много предложу такой вариант.

Нужно добавить атрибуты "preserveAspectRatio" и "viewBox" в теге svg самой картинки. для этого открываем картинку например Inkscape и делаем вот так

<svg preserveAspectRatio="xMinYMin meet" viewBox="0 0 {width} {height}" ...

Значения width и height заменить на свои значения по-умолчанию для viewBox, я обычно ставлю размеры из самого тега svg.

Теперь картинка будет масштабирована.

Comments

[Леонард Теснов]

а значения могут быть процентными ?

Answer 2

[Леонард Теснов]

Проблема была в самой настройке размеров блока <object>.
Просто поставил размеры

object{
		height:auto;
		width:auto;
	}