javascript - raphael.js の中心から四角形の幅をアニメーション化する

Question

Raphael.js.animate()のApiについて質問 があります。 と をアニメーション化したい四角形があります。widthheight

r.animate({ width: 50, height: 50 }, 1000, "bounce");

しかし、左上ではなく、その長方形の中心から展開したいと思います。あなたの誰かがそれを行う方法を知っていますか？

フィドル

Answer 1

とを使用xしyて、リタングルを移動し、中心から成長するようにシミュレートできます。

r.click(function() { r.animate({ width: 100, height: 100, x: 75, y:75 }, 500); });

Here is a FIDDLE