diff --git a/test/browser_test.html b/test/browser_test.html
index 0c6b52a..0593bfb 100644
--- a/test/browser_test.html
+++ b/test/browser_test.html
@@ -69,6 +69,7 @@
display: block;
border: 1px solid rgba(0, 0, 0, .12);
margin-bottom: 20px;
+ width: 100%;
}
.clear {
@@ -173,10 +174,10 @@
Image SSIM
var img = new Image();
img.onload = function () {
var canvas = document.createElement('canvas');
- canvas.width = width;
- canvas.height = height;
+ canvas.width = img.width;
+ canvas.height = img.height;
var ctx = canvas.getContext('2d');
- ctx.drawImage(img, 0, 0, width, canvas.height);
+ ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
var id = ctx.getImageData(0, 0, canvas.width, canvas.height);
done({width: canvas.width, height: canvas.height, data: id.data, channels: 4, canvas: canvas}, index);
};
@@ -214,7 +215,12 @@ Image SSIM
log.windowSize = pair[2];
log.luminance = pair[3];
var start = new Date().getTime();
- var res = ImageSSIM.compare(images[0], images[1], pair[2], 0.01, 0.03, pair[3])
+ var res;
+ try {
+ res = ImageSSIM.compare(images[0], images[1], pair[2], 0.01, 0.03, pair[3])
+ } catch (e) {
+ alert(e);
+ }
log.ssim = Math.round(res.ssim * 1000) / 1000;
// log.mcs = Math.round(res.mcs * 1000) / 1000;
log.ellapsed = new Date().getTime() - start + 'ms';