Как в svg объединить несколько path в один?

Question

[Дмитрий Локшин]

Здравствуйте, Уважаемые разработчики.

В процессе работы возникла необходимость объединить несколько path в один. Именно объединить, а не сгруппировать (g, use и т.д.), например:

<path d="m 648.6,575 c -0.5,0 -0.9,-0.4 -1,-0.9 -0.1 z" />
<path d="m 648.6,575 c -0.5,0 -0.71,-1.4 -1,-3.9 -0.4 z" />
<path d="m 548.4,575 c -1.5,0 -4.71,-1.4 -1,-3.9 -1.1 z" />

а должно получиться:

<path d="m 648.6,575 c -0.5,0 -0.9,-0.4 -1,-0.9 -0.1 648.6,575 c -0.5,0 -0.71,-1.4 -1,-3.9 -0.4 548.4,575 c -1.5,0 -4.71,-1.4 -1,-3.9 -1.1 z" />

Такая задача возникла при создании анимации, т.к. при использовании нескольких path фигура отрисовывается некрасиво, нежели при использовании одного path.

Извиняюсь, если вопрос глупый, т.к. я не дизайнер.

Заранее спасибо большое.

Answer 1

[Николай]

<path 
d="m 648.6,575 c -0.5,0 -0.9,-0.4 -1,-0.9 -0.1 z
m 648.6,575 c -0.5,0 -0.71,-1.4 -1,-3.9 -0.4 z
m 548.4,575 c -1.5,0 -4.71,-1.4 -1,-3.9 -1.1 z
"/>

Каждая M с новой строки.