1

垂直方向に 400px 移動したい Raphael セットがあります。

パスを描いたとき、セット内のすべてのパスに個別の x 軸変換を適用しました。y 軸の変換を適用しようとすると、x の値が失われます。解決策は何ですか?

sampleIcon = self.paper.path(path).attr({'transform': 't' + (someWidth*index) + ',60' });

iconSet.push(sampleIcon);

// when I click on something
iconSet.animate({transform: 't' + (original x-transform value for each icon) + ',400'}); 

または、x 変換を完全に省略する方法はありますか?

4

1 に答える 1

0

この問題(オブジェクトの任意のセットのバルクアニメーション)に対するRaphaelの包括的なソリューションの欠如は、私の意見では最も深刻な制限の1つです。ただし、アイテムを翻訳するだけでよい場合(重複するアニメーションを使用せずに)、幸運です。

次のように、翻訳文字列に「追加」修飾子を追加するだけです。

iconSet.animate({transform: '...t' + (original x-transform value for each icon) + ',400'});

これにより、指定された翻訳が、セット内の各アイテムの現在翻訳されている状態に効果的に「追加」されます。もちろん、回転とスケーリングでも同じことができます。

于 2012-10-16T21:40:02.537 に答える