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

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

На сайте показываю графики, которые генерируются с помощью самописной библиотеки и вставляются на страницу в виде inlie SVG.
Необходимо непропорционально растянуть график: ширина меняется (100% ширины сайта), а высота остается фиксированной (например, 200 пикселей).
Как это реализовать, не трогая внутренности SVG?
  • Вопрос задан
  • 273 просмотра
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Frontend-разработчик + ИИ
    9 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 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 не захотело...
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы