如何爲'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中，然後對其進行動畫處理。