Задать вопрос
@egor_babintsev
Начинающий front-end разработчик

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

Необходимо сверстать такой блок (понимаю, что можно вставить картинку на фон в png, но стоит задача попрактиковаться в использовании svg).
5e78717c54189505923408.jpeg
Блоку задаю фиксированную высоту и ширину в 100%. При помощи background-image вставляю картинку, у которой в svg теге указан viewBox и не указана ширина и высота. Но при попытке спозиционировать ее при помощи preserveAspectRation, какое бы значение я не указывал, она все равно находится в левом верхнем углу и только psa="none" заставляет ее растянуться на всю ширину. Уже пробовал задавать значения ширины и высоты в 100% для svg тега, ничего не меняется. Буду очень благодарен за помощь.
  • Вопрос задан
  • 82 просмотра
Подписаться 1 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Skillfactory
    Специализация Frontend-разработчик
    9 месяцев
    Далее
  • Skillbox
    Fullstack-разработчик
    11 месяцев
    Далее
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы