Как разгруппировать элементы в Snap SVG

Question

Я использую Snap SVG для создания редактора. У меня есть тег группы с некоторым преобразованием. Я хочу разгруппировать группу. Я попытался добавить элементы в группу к parent с циклом for, но преобразования не работают должным образом в негрупповых элементах.

Может ли кто-нибудь сказать мне способ разгруппировать элементы?

Пожалуйста, найдите здесь JS Bin.

https://jsbin.com/jinita/edit?js,output

Вот когда я перетащить черный прямоугольник, вся группа также движется. Когда я его бросаю, я пытаюсь разгруппировать его, но преобразования не применяются к группе.

PS: Я не могу назвать сопротивление() на элемент группы

Answer 1

код немного сбивает с толку, как это выглядит, как вы пытаетесь добавить группу к себе, но я могу быть недоразумений. Я немного изменил его и выбрал группу по ID, чтобы знать ее правильную, а не селекторов css.

jsfiddle

Ключевая часть I поправки для преобразований эта линия ...

item.transform(g.transform().localMatrix.toTransformString()) 

Edit: В этом случае, вы, вероятно, может сократить его дальше

item.transform(g.transform()) 

Это гарантирует, что мы получим групповое преобразование во время удаления из группы и преобразуем его с помощью toTransformString() (я не уверен, что это полностью обязательно, но часто, кажется, устраняет странности).

Edit: После того, как вопрос был немного изменен, это может быть, что вы на самом деле хотите полную матрицу применяя в этом случае было бы ...

item.transform(item.transform().globalMatrix.toTransformString()) 

jsbin