@MaksimLav

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

Нужно сделать выделение областей на экране по аналогии с этим сайтом: 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...
  • Вопрос задан
  • 543 просмотра
Решения вопроса 1
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
Попробуйте добавить preserveAspectRatio="xMidYMid slice" к SVG с этими полигонами.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы