JSPM

  • Created
  • Published
  • Downloads 61272
  • Score
    100M100P100Q142868F
  • License MIT

Image analysis and comparison with HTML5

Package Exports

  • resemblejs

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (resemblejs) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Resemble.js

Analyse and compare images with Javascript and HTML5. Resemble.js Demo

Example

Retrieve basic analysis on 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.

var diff = resemble(file).compareTo(file2).ignoreColors().onComplete(function(data){
    console.log(data);
    /*
    {
      misMatchPercentage : 100, // %
      isSameDimensions: true, // or false
      dimensionDifference: { width: 0, height: -1 }, // defined if dimensions are not the same
      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.