raphael - Raphael.jsのセットに変換を適用する

Question

Raphael 2.0を使用して、セット内のすべてのオブジェクトに相対的な方法でオブジェクトのセットに変換を適用しようとしています。ただし、私が得ている効果は、セット内の他のオブジェクトに関係なく、変換が各アイテムに個別に適用されることです。

例： http： //jsfiddle.net/tim_iles/VCca9/8/-最後の行のコメントを外してコードを実行すると、各円は0.5倍にスケーリングされます。私が達成しようとしている実際の効果は、円のセット全体をスケーリングすることです。したがって、それらの相対距離もスケーリングされます。これにより、4つすべてが白い正方形の境界ボックス内に配置されます。

Raphaelの組み込みツールを使用してこれを実現する方法はありますか？

Answer 1

スケーリングする場合、最初のパラメーターは X スケールです。他のパラメーターを指定しない場合は、それが Y スケールとして使用され、オブジェクトの中心を中心にスケーリングされます。

四角形をスケーリングすると、四角形の中心を中心にスケーリングされます。円の中心ではなく、その点を中心に円をスケーリングする場合は、その点を指定する必要があります。

したがって、最後の行は次のようになりますset.transform("s0.5,0.5,100,100");(100,100 は、スケーリングした長方形の中心です)

少なくとも、これはあなたが求めているものだと思います。