3

我编写了以下代码：

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 中的圆形）

有人可以帮助我吗？

4

0 回答 0