How to make one in SVG from several paths?

Question

css

Good afternoon. please help me with the following task. I'm trying to morph an image. I use snap svg for this. if you do the morphing of one image into another, then everything works out more or less. but how to morph the image into tex (the text is also saved as svg but it has several paths, and I can’t merge them into one in any way). Can you tell me how to merge the paths?
How to make sure that the image is not cut off after morphing, but completely falls into the scope?
thank you very much in advance.
https://jsfiddle.net/n19L2tam/

Answer 1

Paths can be connected by adding M 0 0. In order not to be cropped, you need to set the images to the same size (choosing the larger of the two).
I tried, but the result is buggy.
https://jsfiddle.net/AngReload/s0r1dey4/

Answer 2

text in one path in illustrator select
all > Object > Compound Path > Make
https://codepen.io/anon/pen/yReQoq
so that it is not cut off style="overflow:visible;" https://jsfiddle.net/n19L2tam/6/ or change the width