我使用这样的悬停功能,在使用外部图像源时效果很好 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中,这可以正常工作,因为它使用已经加载的图像。
答案 0 :(得分:0)
好的,我发现问题是我在开发模式下运行我的node.js服务器,将其更改为生产并且工作正常