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