Задать вопрос
@killer112
html

Как непропорционально маштабировать inline SVG?

На сайте показываю графики, которые генерируются с помощью самописной библиотеки и вставляются на страницу в виде inlie SVG.
Необходимо непропорционально растянуть график: ширина меняется (100% ширины сайта), а высота остается фиксированной (например, 200 пикселей).
Как это реализовать, не трогая внутренности SVG?
  • Вопрос задан
  • 257 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 2
tema_sun
@tema_sun
<svg preserveAspectRatio="none"....
Ответ написан
Комментировать
Комментировать
@ElijahTr
Если нет возможности изменять SVG, можно попробовать добавить JS и сделать так:
https://codepen.io/elijah_tr/pen/yzGVNE
(в зависимости от ширины окна будет меняться соотношение сторон svg)

P.S. В Chrome и Firefox работает, но IE и Edge не захотело...
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
PHP-разработчик
FoodSoul • Калининград
от 180 000 до 250 000 ₽
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Senior Frontend-разработчик в команду управления доступами
SMALL
от 3 000 до 4 700 $
Ещё вакансии