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