3

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」が表示されます。

ここで何が起こっていますか? どうすれば回避できますか?

4

3 に答える 3

9

紙のオブジェクトをアニメーション化することはできません。Paper にはアニメーション化する属性がありません。しかし、すべての要素をセットにまとめてアニメーション化することはできます。

于 2010-07-06T09:52:10.657 に答える
3

閉じ括弧のシーケンスが間違っています

変化する

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

に

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

アップデート

animateドキュメントから、 で直接呼び出すことができるようには見えませんpaperが、キャンバスから切り取ったサブシェイプでのみ呼び出すことができます - それが機能する理由firstshape.animateです

于 2010-06-29T10:07:23.467 に答える
0

描画ボードをアニメーション化することはできません...その中の形状のみ..

paper は製図板です..一方、firstShape はボードの内側に作成された形状です..

于 2010-06-29T10:21:25.510 に答える