Comparer deux images avec Resemble.js

Le 2013-02-26 10:29:27, par FirePrawn, Expert éminent sénior

Resemble.js est une librairie JavaScript très légère (environ 11kb) créée par James Cryer pour faire de l'analyse et de la comparaison d'images directement dans le navigateur.

Cette librairie requiert l'API HTML5 file ainsi que l'utilisation des canvas HTML5 pour le rendu des différences.
Grâce à Resemble.js vous pourrez soit analyser une image seule :

Code javascript :

1
2
3
4
var api = resemble(fileData).onComplete(function(data){ 
  return data; 
  /* { red: 255, green: 255, blue: 255, brightness: 255 } */ 
});

Soit comparer deux images pour trouver leurs différences :

Code javascript :

1
2
3
4
resemble(file).compareTo(file2).onComplete(function(){ 
  return data; 
  /* { misMatchPercentage : 100, isSameDimensions: true, getImageDataUrl: function(){} } */ 
});

Pour plus d'informations et des exemples je vous invite à consulter le site officiel.

Télécharger Resemble.js.

Source : thechangelog.com

Et vous ?

Avez-vous déjà développer des comparateurs d'images ?
Si oui sur quels critères l'avez-vous basé ?