raphael - 在 Raphael 中只转换一个属性

Question

我有一个 Raphael 集，我想垂直移动 400 像素。

当我绘制路径时，我对集合中的所有路径应用了单独的 x 轴变换。当我尝试应用 y 轴变换时，我丢失了 x 值。解决方案是什么？

sampleIcon = self.paper.path(path).attr({'transform': 't' + (someWidth*index) + ',60' });

iconSet.push(sampleIcon);

// when I click on something
iconSet.animate({transform: 't' + (original x-transform value for each icon) + ',400'}); 

或者有没有办法完全省略 x 变换？

Answer 1

在我看来，Raphael 对这个问题（任意对象集的批量动画）缺乏全面的解决方案是其最严重的限制之一。但是，如果您需要做的只是翻译项目（并且不使用重叠动画），那么您很幸运！

只需将“append”修饰符添加到您的翻译字符串中，如下所示：

iconSet.animate({transform: '...t' + (original x-transform value for each icon) + ',400'});

这将有效地将给定的翻译“添加”到集合中每个项目的当前翻译状态。当然，您可以对旋转和缩放做同样的事情。