Как обрезать лишнее в svg?

Question

[ololoshka1]

https://codepen.io/vintalis/pen/mdPMmdw Сверху и снизу отступы, мне нужно, только что б была сама картинка, без этих отступов, как то можно обрезать?

Answer 1

[lagudal]

еще можно открыть для себя viewbox - который и уберет отступы сверху, снизу, и слева, если надо то можно и добавить.
В вашем случае картинка как раз чуть обрезана слева.
Добавьте к своему svg viewbox. Например, так -

<svg width="770" height="588" viewbox="-40 135 770 588"

Comments

[ololoshka1]

Интересно, больше спасибо)

Answer 2

[Дмитрий Чайников]

В данном случае большой отступ сверху и небольшой отступ слева, это часть картинки. Существует 2 варианта корректировки:
1. Воспользоваться векторным редактором, например Adobe Illustrator
2. Поместить картинку во вложенный контейнер, как в случае со спрайтами (кстати, хороший вариант - изучите эту возможность).

Comments

[ololoshka1]

спасибо

Answer 3

[Otrivin]

Попробуйте figma, она хорошо работает с svg

Comments

[ololoshka1]

ок