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

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

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