node-resemble-js
Image analysis and comparison for nodejs
Last updated 3 years ago by lksv .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install node-resemble-js 
SYNC missed versions from official npm registry.

node-resemble.js

Analyse and compare images with Javascript. This project does not need canvas or any other binary denpendencies. It is a modification of Resemble.js

Get it

npm install node-resemble-js

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();

And change the output display style.

resemble.outputSettings({
  errorColor: {
    red: 255,
    green: 0,
    blue: 255
  },
  errorType: 'movement',
  transparency: 0.3
});
// resembleControl.repaint();

Example usuage (in cucumber step definition)

 this.Then(/^Screenshot should match image "(.*)"$/, function (image, callback) {
    browser.takeScreenshot().then(function(pngString) {
      var screenshot = new Buffer(pngString, 'base64');
 
      resemble(image)
        .compareTo(screenshot)
        .onComplete(function(data){
 
          if (Number(data.misMatchPercentage) <= 0.01) {
            callback();
          } else {
            data.getDiffImage().pack().pipe(fs.createWriteStream(image + 'diff.png'));
            callback.fail(new Error("Screenshot '" + image+  "' differ " + data.misMatchPercentage + "%"));
          }
        });
    });
  })

Credits:

Current Tags

  • 0.2.0                                ...           latest (3 years ago)

4 Versions

  • 0.2.0                                ...           3 years ago
  • 0.1.1                                ...           4 years ago
  • 0.0.5                                ...           4 years ago
  • 0.0.4                                ...           6 years ago
Maintainers (1)
Downloads
Today 2
This Week 14
This Month 90
Last Day 0
Last Week 37
Last Month 60
Dependencies (2)
Dev Dependencies (3)

Copyright 2014 - 2017 © taobao.org |