Chrome总是在Raphael图片元素中重新请求图片

时间:2013-05-30 13:19:42

标签: image google-chrome request raphael flicker

我使用这样的悬停功能,在使用外部图像源时效果很好 http://jsfiddle.net/Fftfv/5/

var paper = new Raphael("game-frame",600,600);
obj =  paper.image("http://upload.wikimedia.org/wikipedia/commons/thumb/6/63/French_suits.svg/300px-French_suits.svg.png", 100, 100, 300, 300).hover(function () {

this.toFront();
this.animate({ transform: 's1.6'}, 50, 'linear');
},function() {

this.animate({ transform: 's1'}, 50, 'linear');
});

问题是我从我的网站上获取了我的图像,所以我的img源看起来像“images / a5.png”,在这种情况下,chrome会在每次像悬停一样对它进行操作时请求图像。 在Firefox中,这可以正常工作,因为它使用已经加载的图像。

1 个答案:

答案 0 :(得分:0)

好的,我发现问题是我在开发模式下运行我的node.js服务器,将其更改为生产并且工作正常