- Теория
- Теория
Выравнивание в preserveAspectRatio
Содержимое SVG можно не только растягивать, но и сдвигать вправо-влево или вверх-вниз. Для этого нужно указать положение содержимого относительно осей X и Y, например xMinYMid
:
<svg viewBox="0 0 237 300" preserveAspectRatio="xMinYMid">
…
</svg>
Возможные значения для каждой оси:
Положение задаётся двумя параметрами: первым всегда указывается положение по X, вторым по Y. Положение по оси Y всегда пишется с большой буквы. Оба параметра обязательны.
Значение по умолчанию — xMidYMid
(содержимое выравнивается по середине большей стороны).
Хотите досконально разбираться в разметке, знать о доступности, строить сетки на флексбоксах? Записывайтесь на профессиональный курс «HTML и CSS. Профессиональная вёрстка сайтов». Цена 8000 ₽.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.