From 81ff7adb71f3d8867377d884975133a3e3f039d2 Mon Sep 17 00:00:00 2001 From: James Cryer Date: Mon, 11 Mar 2013 16:36:11 +0000 Subject: [PATCH] updated README --- README.md | 47 ++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 46 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 6b8f30a..70a0cc3 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,49 @@ Resemble.js ========== -Analyse and compare images with Javascript and HTML5. [Resemble.js Demo](http://huddle.github.com/Resemble.js/) \ No newline at end of file +Analyse and compare images with Javascript and HTML5. [Resemble.js Demo](http://huddle.github.com/Resemble.js/) + +### Example + +Retrieve basic analysis on image. + +```javascript +var api = resemble(fileData).onComplete(function(data){ + console.log(data); + /* + { + red: 255, + green: 255, + blue: 255, + brightness: 255 + } + */ +}); +``` + +Use resemble to compare two images. + +```javascript +var diff = resemble(file).compareTo(file2).ignoreColors().onComplete(function(data){ + console.log(data); + /* + { + misMatchPercentage : 100, // % + isSameDimensions: true, // or false + getImageDataUrl: function(){} + } + */ +}); +``` + +You can also change the comparison method after the first analysis. + +```javascript +// diff.ignoreNothing(); +// diff.ignoreColors(); +diff.ignoreAntialiasing(); +``` + +-------------------------------------- + +Created by [James Cryer](http://github.com/jamescryer) and the Huddle development team. \ No newline at end of file