Image 拉斐尔游乐场效果和填充不透明度

Image 拉斐尔游乐场效果和填充不透明度,image,cross-browser,raphael,Image,Cross Browser,Raphael,我编写了以下代码: 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: "

我编写了以下代码:

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));
()

当圆扩大其半径时,我需要可视化背景图像,但我有以下问题:

  • 我不明白为什么动画运行缓慢
  • Chrome以不同的方式渲染效果(我看到的是一个多边形,而不是像中的圆形) Firefox和IE)

有人能帮我吗

看看这个问题谢谢你,伙计,完美的解决方案。我不清楚为什么两个人问同一个问题,但这应该作为一个重复来结束。(我在这里太新了,我自己不能这么做。)克里斯,昆汀是我的同事,我们两种方法都试过:)