@@ -49,15 +49,20 @@
-
+
- + Black & white +
+
+
+
+
+
Brightness
-
@@ -81,7 +86,13 @@ Drop two images on the boxes to the left. The box below will show a generated 'diff' image, pink areas show mismatch. This example best works with two very similar but slightly different images. Try for yourself!

- Don't have any images to compare? + Don't have any images to compare? +
+
+ +
+
+

Diff will appear here. @@ -93,6 +104,7 @@ +

@@ -102,9 +114,6 @@ -
-
-

@@ -125,7 +135,33 @@ +
+
+

- + @@ -153,7 +189,7 @@ Resemble.js can be used for any image analysis and comparison requirement you might have in the browser. However, it has been designed and built for use by the PhantomJS powered visual regression library PhantomCSS. PhantomCSS needs to be able to ignore antialiasing as this would cause differences between screenshots derived from different machines.

- Resemble.js uses the HTML5 File API to parse image data, and canvas for rendering image diffs. + Resemble.js uses the HTML5 File API to parse image data, and canvas for rendering image diffs.


@@ -168,10 +204,13 @@ var api = resemble(fileData).onComplete(function(data){ return data; /* { - red: 255, - green: 255, - blue: 255, - brightness: 255 + red: 100, + green: 100, + blue: 100, + brightness: 100, + alpha: 100, + white: 100, + black: 100 } */ }); @@ -191,7 +230,7 @@ resemble(file).compareTo(file2).onComplete(function(data){