Как из нескольких путей сделать один в SVG?

Question

[Алексей Чумаченко]

Добрый день. помогите пожалуйста в реализации следующей задачи. Пытаюсь сделать морфинг изображения. для этого использую snap svg. если делать морфинг одного изображения в другое то все отрабатывает более менее. но как сделать морфинг изображения в текс (текст тоже сохранен как svg но у него несколько путей, и ни как не могу объеденить их в один). Подскажите как можно объеденить пути?
Как сделать что бы изображение не обрезалось после выполнения морфинга, а целиком попадало в область видимости?
заранее огромное спасибо.
https://jsfiddle.net/n19L2tam/

Answer 1

[AngReload]

Пути можно соединять добавляя между ними M 0 0. Для того чтобы не обрезалось, нужно установить изображениям одинаковый размер (выбрав больший из двух).
Я попробовал, но результат получился глючным.

https://jsfiddle.net/AngReload/s0r1dey4/

Comments

[Алексей Чумаченко]

огромное вам спасибо. буду пытаться исправить морфинг.

Answer 2

[tyzberd]

текст в один path в илюстраторе
выделяем все > Object > Compound Path > Make
https://codepen.io/anon/pen/yReQoq

что бы не обрезалось style="overflow:visible;" https://jsfiddle.net/n19L2tam/6/ или меняйте ширину

Comments

[Алексей Чумаченко]

огромное спасибо за помощь. а не подскажите в инскейпе можно такое сделать?(объеденить пути?)

[tyzberd]

не знаю