- Теория
- Теория
Атрибут preserveAspectRatio
По умолчанию содержимое SVG с viewBox
масштабируется сохраняя пропорции, и если соотношения сторон вьюпорта и вьюбокса не совпадают, вокруг содержимого появляются поля:
С помощью свойства preserveAspectRatio
это поведение можно изменять: например, значение none
указывает, что сохранять пропорции не нужно:
<svg viewBox="0 0 237 300" preserveAspectRatio="none">
…
</svg>
В этом случае область, размеры которой заданы вьюбоксом, растягивается на всё доступное пространство вьюпорта:
preserveAspectRatio
задаётся только атрибутом.
Хотите применять TypeScript и React для разработки сложных клиентских приложений? Записывайтесь на профессиональный курс «React. Разработка сложных клиентских приложений». Цена 12 000 ₽.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.