• Теория
  • Теория

Заполнение пространства

Второй параметр в свойстве preserveAspectRatio задаёт поведение содержимого относительно вьюпорта, определяет как именно содержимое заполняет пространство:

<svg viewBox="0 0 237 300" preserveAspectRatio="xMinYMin meet">
  …
</svg>

Возможные значения:

meet
slice

meet — содержимое умещается целиком, оставляя пустые поля (как при background-size: contain). Значение по умолчанию.

slice — содержимое заполняет собой всё пространство, при этом часть содержимого может быть обрезана (похоже на background-size: cover). Пропорции сохраняются в обоих случаях.

Заполнение — необязательный параметр, его можно не задавать.

Хорошо владеете JavaScript, но до сих пор не освоили Node.js? Записывайтесь на профессиональный курс «Node.js. Профессиональная разработка REST API». Цена 12 000 ₽.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Размеры в SVG» тренажёра «Внутреннее устройство SVG» можно после регистрации и оформления подписки.

Зарегистрироваться