使用Raphael 2进行动画缩放

时间:2011-11-28 06:17:09

标签: javascript raphael

我有一组路径元素,我正试图用动画缩放。基于一些演示,我看到这应该是可能的,但我没有运气。

我尝试了以下内容:

set.mouseover(function() {
    this.toFront().animate({'fill':'green', 'scale':'5 5'}, 50);
});

我还根据我发现的其他一些样本尝试了'scale':[5, 5]之类的内容。 这些都不是。

以下工作正常,但不涉及动画:

set.mouseover(function() {
    this.scale(2, 2);
});

我正在使用版本2.0.1的raphael。 有关如何使其工作的任何建议?

编辑:示例与我的测试之间的差异可能是由于Raphael 2的更新,我正在研究这些变化。

1 个答案:

答案 0 :(得分:8)

好的,明白了,这是由于Raphael 2的更新。

以下对我有用:

    this.toFront().animate({'fill':'green', 'transform':"s2 2"}, 50);

感谢this thread帮助我解决问题。