image - ラファエルの遊び場効果と塗りつぶしの不透明度

Question

私は次のコードを書きました：

var w = 800;
var h = 600;

var paper = Raphael(0, 0, w, h);

paper.image("http://static.pourfemme.it/pfmoda/fotogallery/625X0/63617/borsa-alviero-martini-rodeo-drive.jpg", 0, 0, w, h); 

var c = paper.circle(400, 300, 1);

c.attr({stroke: "#999", "stroke-width": w*2});

anim = Raphael.animation({r: w*2}, 6000);

c.animate(anim.delay(100));

（http://jsfiddle.net/qAgy7/）

円が半径を拡大するときに背景画像を視覚化する必要がありますが、次の問題があります。

• アニメーションが遅くなる理由がわかりません
• Chromeは別の方法で効果をレンダリングします（FirefoxやIEのように円ではなくポリゴンが表示されます）

誰かが私を助けることができますか？