Question

我有一个Raphael套装，我想垂直移动400px。

当我绘制路径时，我将单独的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'});

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

只在Raphael中转换一个属性

1 个答案: