У SVG изображения есть свойство preserveAspectRatio, которое управляет поддержанием пропорции. Этот атрибут так же используется в некоторых других контейнерах, например <image> и <symbol>.
По умолчанию, значение его равно xMidYMid meet, и оно не позволяет изменять пропорции картинки.
Более полное описание значений вы можете найти в доках. Но для отключения достаточно установить его в «none».
|
<svg preserveAspectRatio="none" height="144" viewBox="0 0 1400 144" ... |
svg
Написать комментарий
Данная запись опубликована в 31.10.2021 16:59 и размещена в рубрике Программирование.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Август 29, 2019 г.
Небольшие векторные элементы очень удобно вставлять как часть CSS кода. Хочу показать пример, как сделать их еще и параметрически зависимыми, при компиляции из LESS.
К примеру, при ребрендинге или использовании кусочка стилей на другом сайте, вы ...
Читать
Октябрь 12, 2022 г.
Пара примеров, показывающих как сделать элемент svg полезным, например для создания интерактивной маски.
Рассмотрим следующий HTML код:
[crayon-6799c2eb887a7010379469/]
Здесь SVG настроен как "отзывчивый" объект, имеющий логические размеры ...
Читать