IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Comparer deux images avec Resemble.js

Le , par FirePrawn

16PARTAGES

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é ?

Une erreur dans cette actualité ? Signalez-nous-la !