我使用这样的悬停功能,在使用外部图像源 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 中,这可以正常工作,因为它使用已加载的图像。