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