Как заставить SVG картинку не держать пропорции

У SVG изображения есть свойство preserveAspectRatio, которое управляет поддержанием пропорции. Этот атрибут так же используется в некоторых других контейнерах, например <image> и <symbol>.

По умолчанию, значение его равно xMidYMid meet, и оно не позволяет изменять пропорции картинки.

Более полное описание значений вы можете найти в доках. Но для отключения достаточно установить его в «none».

Написать комментарий

Мало букафф? Читайте есчо !

Вставка переменной в инлайновое изображение в LESS

Август 29, 2019 г.

Небольшие векторные элементы очень удобно вставлять как часть CSS кода. Хочу показать пример, как сделать их еще и параметрически зависимыми, при компиляции из LESS. К примеру, при ребрендинге или использовании кусочка стилей на другом сайте, вы ...

Читать

SVG маска с кликабельным полигоном

Октябрь 12, 2022 г.

Пара примеров, показывающих как сделать элемент svg полезным, например для создания интерактивной маски. Рассмотрим следующий HTML код: [crayon-6799c2eb887a7010379469/] Здесь SVG настроен как "отзывчивый" объект, имеющий логические размеры ...

Читать

 

Комментарии к «Как заставить SVG картинку не держать пропорции»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: