Применить преобразование группы к каждому элементу
Я использую svg.js для некоторых манипуляций с сиденьями и врезаюсь в стену, вращая группу. Я хочу передать ротацию группы элементам этой группы, чтобы я мог сохранить каждый элемент в виде одной строки в базе данных.
Вот пример на jsfiddle: https://jsfiddle.net/xpvt214o/426134/
drawing = new SVG('drawing').size('100%', '100%');
var circle1 = rawing.circle().radius(25).fill('#ff0000').cx(30).cy(30);
var circle2 = drawing.circle().radius(25).fill('#ff0000').cx(70).cy(70);
group = drawing.group();
group.add(circle1);
group.add(circle2);
group.rotate(20);
В примере я создаю два круга, добавляя их в группу и вращая группу. Теперь группа имеет атрибут: transform="matrix(0.9396926207859084,0.3420201433256687,-0.3420201433256687,0.9396926207859084,20.116376126988012,-14.08563820557886)"
Можно ли разгруппировать и применить преобразование к каждому элементу группы таким образом, сохранив позиции и повороты, которые произошли, когда элементы были в группе?