我正在使用Raphaeljs(http://raphaeljs.com/)渲染带有文字的图像。使用SVG在IE9和Firefox上渲染图像非常快,但在使用VML的IE8和7中,在图像内容出现在纸上之前有一段延迟。
在IE8和7中,它给人的印象是页面是空白的,等待一段时间(有时3-4秒)后,图像内容就会出现。
通过修改Raphael代码或其他方式,在完全渲染图像时,我能做些什么来获得回调?然后我可以使用此回调来显示/隐藏持有者div上的微调器。
我试图在VML部分中的一些Raphael函数之后放置控制台输出语句,以查看完成时是否有任何特定函数,可以指示渲染的完成。但即使在所有图像都完成运行之后,图像的渲染也会发生。
以下是我正在使用的代码的大纲:
loadimg = new Image();
imgHolder = paper.image("", -1, -1, 1, 1 );
loadimg.onload = function(imgHolder, xpos, ypos, width, height) {
return function() {
imgHolder.attr({ x: xpos, y: ypos, width: width, height: height });
imgHolder.attr( { src: this.src } );
}
} ( imgHolder, 0, 0, imageWidth, imageHeight );
loadimg.src = pageurl;