Results are always the same #5

DWboutin · 2017-11-02T15:34:34Z

I'm creating an application to compare one image to multiples images in a folder. I'm creating this application with Electron and React.

I pass 2 Buffers. As you can see, the Buffers are the same at the first entry, but it gives the same results.

There's how I use rembrandt:

        let mainImg = fs.readFileSync('/Users/mboutin2/Desktop/12798992_10207498962925066_4475804348577634517_n.jpg');

        data.forEach((file) => {
          smb2Client.readFile('Mike\\' + file, function(err, data){
            if(err) {
              console.log("Error (readdir):\n", err);
              console.log("data", data);
            } else {
              //console.log("File ->", file);

              const rembrandt = new Rembrandt({
                // `imageA` and `imageB` can be either Strings (file path on node.js,
                // public url on Browsers) or Buffers
                imageA: mainImg,
                imageB: data,

                // Needs to be one of Rembrandt.THRESHOLD_PERCENT or Rembrandt.THRESHOLD_PIXELS
                thresholdType: Rembrandt.THRESHOLD_PERCENT,

                // The maximum threshold (0...1 for THRESHOLD_PERCENT, pixel count for THRESHOLD_PIXELS
                maxThreshold: 1,

                // Maximum color delta (0...255):
                maxDelta: 20,

                // Maximum surrounding pixel offset
                maxOffset: 0,

                renderComposition: false, // Should Rembrandt render a composition image?
              });

              rembrandt.compare()
                .then(function (result) {
                  console.log('\n\n\n');
                  console.log(data);
                  console.log(mainImg);
                  console.log('Passed:', result.passed)
                  console.log('Pixel Difference:', result.differences, 'Percentage Difference', result.percentageDifference, '%')
                  console.log('Composition image buffer:', result.compositionImage)

                  // Note that `compositionImage` is an Image when Rembrandt.js is run in the browser environment
                })
                .catch((e) => {
                  console.error(e)
                })
            }
          });
        });

Is there something I do wrong?

saturday1 · 2018-01-24T13:31:53Z

Did you get this to work? I do only get that they are not the same image, but they are. Here is my test: http://cdn.axiell.com/~dev/gota/image-test/html-template.html

I use this code:

<html>
<head>
	<title></title>
</head>
<body>
  <img src="01.jpg" class="image1">
  <img src="02.jpg" class="image2">
  
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="rembrandt.min.js"></script>
  <script>
    const rembrandt = new Rembrandt({
      // `imageA` and `imageB` can be either Strings (file path on node.js,
      // public url on Browsers) or Buffers
      imageA: $('.image1').attr('src'),
      imageB: $('.image2').attr('src'),

      thresholdType: Rembrandt.THRESHOLD_PERCENT,

      // The maximum threshold (0...1 for THRESHOLD_PERCENT, pixel count for THRESHOLD_PIXELS
      maxThreshold: 0,

      // Maximum color delta (0...255):
      maxDelta: 0,

      // Maximum surrounding pixel offset
      maxOffset: 0,

    })

    // Run the comparison
    rembrandt.compare()
      .then(function (result) {

        if(result.passed){
          alert('Yes');
        } else {
          alert('No');
        }
  })
  </script>
</body>
</html>

saturday1 · 2018-01-25T07:44:40Z

I seems to have solved this part. I made maxDelta: 20 and it started to set "passed" to correct value.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Results are always the same #5

Results are always the same #5

DWboutin commented Nov 2, 2017

saturday1 commented Jan 24, 2018 •

edited

Loading

saturday1 commented Jan 25, 2018

Results are always the same #5

Results are always the same #5

Comments

DWboutin commented Nov 2, 2017

saturday1 commented Jan 24, 2018 • edited Loading

saturday1 commented Jan 25, 2018

saturday1 commented Jan 24, 2018 •

edited

Loading