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

Как сделать резиновый svg?

Допустим есть блок, который может иметь разные размеры и туда мы вставляем svg c позицией absolute, width 100% и height 100%. Вот svg должен тянуться словно img не соблюдая пропорции. То есть если это круг, то он должен растянуться и стать например овалом. И чтобы это все происходило без участия js. Такое возможно?
p.s. Используя path
  • Вопрос задан
  • 3702 просмотра
Подписаться 6 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 4
tolfy
@tolfy
Фирменный стиль
может быть так? preserveAspectRatio="none"
Ответ написан
Комментировать
Ravell
@Ravell
Верстайло
Вот посмотри этот пример
Кажется это то, что ты ищешь.
Источник тут.
Ответ написан
Комментировать
iamd503
@iamd503 Куратор тега CSS
Верстальщик
Поставить svg width="100%" height="100%
не?
Ответ написан
ae_ph
@ae_ph
I'm a owl )
Если svg прописан в HTML как код или через object.
Тогда пропиши в css следующее...
svg {
width: 100%;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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