Как сделать масштабирование svg по аналогии с background-size: cover;?

Question

[MaksimLav]

Нужно сделать выделение областей на экране по аналогии с этим сайтом: https://dom-renome.ru/flats/scheme/NOUVEAU/
Как я понял, здесь поверх фонового изображения положен svg, с poligon отвечающими за отдельный этаж. При наведении на этот полигон он изменяет свой opacity. У фонового изображения background: 50% 50% no-repeat; background-size: cover;
Проблема в чем - если я пытаюсь повторить такую технику у себя, мой svg масштабируется таким образом, будто это картинка background-size: contain;. На разрешении FullHD проблем нет, но с масштабированием позиционка svg не совпадает с позицией на картинке
Ссылка на саму проблему: triumf.premium.tmweb.ru/app/alie-parusa-select-con...

Answer 1

[Ivan Bogachev]

Попробуйте добавить preserveAspectRatio="xMidYMid slice" к SVG с этими полигонами.

Comments

[MaksimLav]

Спасибо, как раз то, что искал!