如何为'Raphael'画布设置动画？

Question

我正在使用Raphael库创建SVG对象。

要初始化SVG形状和创造的一切内部的画布，我用下面的行如文档中表示：

var paper = Raphael(10, 50, 320, 200); 

我现在想动画里面的纸张，一切，只是像我将其动画已追加到纸在下面的满耳的形状：

var firstShape = paper.rect(x, y, width, height); 
firstShape.animate({x: 100}, 500, "<"); 

当我尝试用纸张如类似：

paper.animate({x: 100}, 500, "<"); 

我收到错误'paper.animate is not a function'。

这里发生了什么，我该如何解决这个问题？

Answer 1

你的右括号序错误

变化

paper.animate({x: 100, 500, "<")}; 

到

paper.animate({x: 100}, 500, "<"); 

UPDATE

从文档，它似乎并不认为animate可以称为直接在paper，但仅适用于子形状切出的画布 - 这就是为什么firstshape.animate工作

Answer 2

你不能动画绘图板...只有里面的形状..

纸是你的绘图板..而firstShape是在板内创建的形状。

Answer 3

您不能为纸质对象设置动画效果。纸张没有动画属性。但是，您可以将所有元素合并到set中，然后对其进行动画处理。