Comparer deux images avec Resemble.js

Le , 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 : 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é ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de Yos Ra Yos Ra - Nouveau Candidat au Club https://www.developpez.com
le 30/04/2013 à 10:41
ce que je cherche, Est ce que Ressemble.js me permet de vérifier si une image est incluse dans une autre ??
Avatar de SpaceFrog SpaceFrog - Rédacteur/Modérateur https://www.developpez.com
le 30/04/2013 à 10:56
avec indexOf ???
Offres d'emploi IT
Ingénieur analyste programmeur (H/F)
Safran - Auvergne - Montluçon (03100)
Ingénieur développement fpga (traitement vidéo) H/F
Safran - Ile de France - 100 rue de Paris 91300 MASSY
Expert décisionnel business intelligence H/F
Safran - Ile de France - Évry (91090)

Voir plus d'offres Voir la carte des offres IT
Responsable bénévole de la rubrique JavaScript : Xavier Lecomte -