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 : | Sélectionner tout |
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 : | Sélectionner tout |
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é ?