将组转换应用于每个元素

时间:2018-07-16 20:10:39

标签: svg.js

我正在使用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)"

是否可以通过这种方式取消组合并将变换应用于组中的每个元素,以保留元素在组中时发生的位置和旋转?

0 个答案:

没有答案