@egor_babintsev
Начинающий front-end разработчик

Как правильно спозиционировать svg на фоне при помощи preserveAspectRatio?

Необходимо сверстать такой блок (понимаю, что можно вставить картинку на фон в png, но стоит задача попрактиковаться в использовании svg).
5e78717c54189505923408.jpeg
Блоку задаю фиксированную высоту и ширину в 100%. При помощи background-image вставляю картинку, у которой в svg теге указан viewBox и не указана ширина и высота. Но при попытке спозиционировать ее при помощи preserveAspectRation, какое бы значение я не указывал, она все равно находится в левом верхнем углу и только psa="none" заставляет ее растянуться на всю ширину. Уже пробовал задавать значения ширины и высоты в 100% для svg тега, ничего не меняется. Буду очень благодарен за помощь.
  • Вопрос задан
  • 42 просмотра
Пригласить эксперта
Ответы на вопрос 1
LenovoId
@LenovoId
грёбнный короновирус
preserveAspectRatio - это пропорции но не позиционирование, работает примерно как object-fit в css

Подробнее : https://developer.mozilla.org/en-US/docs/Web/SVG/A...
Ответ написан
Ваш ответ на вопрос

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

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