Analyse and compare images with Javascript and HTML5. Resemble.js Demo
Retrieve basic analysis on image.
#####HTML
#####Javascript
var fileData = document.getElementById('image');
var api = resemble(fileData).onComplete(function(data){
console.log(data);
/*
{
red: 255,
green: 255,
blue: 255,
brightness: 255
}
*/
});Use resemble to compare two images.
#####HTML
#####Javascript
var image = document.getElementById('image');
var image2 = document.getElementById('image2');
var diff = resemble(image).compareTo(image2).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.
// diff.ignoreNothing();
// diff.ignoreColors();
diff.ignoreAntialiasing();Created by James Cryer and the Huddle development team.