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

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

На сайте показываю графики, которые генерируются с помощью самописной библиотеки и вставляются на страницу в виде inlie SVG.
Необходимо непропорционально растянуть график: ширина меняется (100% ширины сайта), а высота остается фиксированной (например, 200 пикселей).
Как это реализовать, не трогая внутренности SVG?
  • Вопрос задан
  • 234 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 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 не захотело...
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Решить контрольную по линейной алгебре 3 мая в 10:00
03 мая 2024, в 01:14
3000 руб./за проект
Установщик на INNO SETUP
03 мая 2024, в 00:45
1000 руб./за проект
Собрать демо iOS библиотеки
02 мая 2024, в 23:56
2000 руб./за проект
Ещё заказы