@microf

Как разобраться с viewBox?

Добрый день. Помогите разобраться с viewBox. В гугле не забанили, но не могу понять. Есть картинка, которую хочется вставить в код, чтобы она занимала максимум выделенного ей места plnkr.co/edit/wJvXTnMaiJ7kolMvNbdp?p=preview

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="100%" height="497px"
     version="1.1"
     style="clip-rule:evenodd"
x="0" y="0" viewBox="0 0 21000 29000" 
 xmlns:xlink="http://www.w3.org/1999/xlink">

В оригинальном документе, сделанным дизайнером, был viewBox="0 0 21000 29000"
Если я уменьшаю величину viewBox, то, по идее, у меня должно увеличиваться изображение, но почему то этого не происходит. Как это исправить?
  • Вопрос задан
  • 338 просмотров
Решения вопроса 1
Moskus
@Moskus
https://www.sarasoueidan.com/blog/svg-coordinate-s...
Если под "занимала максимум выделенного места" вы подразумеваете, чтобы фигура была вписана в прямоугольник, который вы отводите для SVG без полей, то вам лучше всего вообще избавиться от viewbox и соответствующей ему отличной от viewport системы координат (то есть перегенерировать изображение без полей, как минимум).
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы