3

ここでラファエルのコンテンツを作成しました.. http://jsfiddle.net/ryWH3/76/

ここで、Raphael Canvas のコンテンツ全体をある座標から別の座標に移動する必要があります。

例えば：

私の Raphael Canvas は -- x_coordinate:100,y_coordinate:100 にあります。

今私はそれをに移動したい - x: 200, y :200

古い座標から、コンテンツ全体を移動したい -- x:150, y:150

最後の座標から別の座標へ

このコンテンツの移動を提案してください

4

2 に答える 2

1

わかりました、ラファエルによって r 変数に返される紙自体を実際に増やすことはできないと思います。要素を反復処理して、好きなことを行うことができます。

r.forEach(function (el) {
   el.translate(200,200);
});

フィドルを更新して、動いていることを示しました：

更新されたフィドル

編集

また、さまざまなセットをアニメートする方法を示すために、以下を追加しました。

Text.animate({transform: "t100,100"}, 1000);
smallCircles.animate({transform: "t100,100"}, 1000);
bigCircles.animate({transform: "t100,100"}, 1000);

上記のアニメーションで更新されたフィドル

于 2012-05-15T12:44:15.767 に答える
0

たとえばjqueryを使用して...

$(paper.canvas).css({top:topPosition, left: leftPosition});

paper.canvas は、その中の dom 要素を取得する方法です。

于 2012-06-07T22:37:56.163 に答える