Javascript Phantomjs：检查图像是否已加载

我需要检查特定图像是否已加载（已收到资源）并通过img元素正确呈现（其他内容不与img重叠）。
我试过如下方法：

//push query of resource failed to download into the object with url as key
page.onResourceError = function( error ){
    errors[ error.url ] = error
}

//get src of image to be checked
var src = page.evaluate(function( selector ){
    return $( selector ).attr('src');
}, selector );

//check if resource in question has failed to be downloaded
if( errors[ src ] ){
    //do stuff
}

---

这是否足以检查资源是否已下载？如何获取实际的资源主体并将其与phantomjs制作的屏幕截图进行比较。

看看PhantomCSS如何使用simple.js比较图像。如果你找到答案，别忘了把它贴在这里。您可以使用

page.render（）

和

clipRect

一起拍摄图像的屏幕截图。