JavaScript API chun Íomhánna PNG a chur i gcomparáid

Tús a chur le LooksSame

An bealach molta chun LooksSameis a shuiteáil trí NPM. Bain úsáid as an ordú seo a leanas chun é a shuiteáil.

 npm install looks-same 

Déan comparáid idir Íomhánna PNG taobh istigh d’Apps JavaScript

Tugann leabharlann LooksSame an cumas do ríomhchláraitheoirí bogearraí a n-íomhánna PNG a chur i gcomparáid go cláir ag baint úsáide as Node.js. Ní mór duit an cosán ceart chuig na híomhánna PNG nó maolán a sholáthar mar pharaiméadar. Sampla simplí amháin de chomparáid íomhá is ea gabháil scáileáin den eilimint DOM leis an íomhá agus an leabharlann a úsáid chun é a chur i gcomparáid leis an íomhá áitiúil. Is féidir leat RequestLogger a úsáid freisin chun iarratas ar an íomhá a logáil agus an comhlacht freagartha a chur i gcomparáid leis an gcomhad áitiúil ag baint úsáide as an modh Buffer.compare().

 var looksSame = require('looks-same');
looksSame('image1.png', 'image2.png', function(error, {equal}) {
    // equal will be true, if images looks the same
});

Déan comparáid idir Íomhánna PNG trí Neamhaird a thabhairt ar Antialiasing

Tá gach íomhá comhdhéanta de phicteilíní agus agus tú ag déanamh comparáide idir na híomhánna seo déanann tú dath gach picteilín in íomhá a haon a chur i gcomparáid leis an dath picteilín sa suíomh comhfhreagrach den íomhá. Mar sin, ar eagla na heagla go bhfuil roinnt picteilíní neamhionanna, ansin is féidir leat a rá nach bhfuil na híomhánna ag teacht le chéile. De ghnáth, tarlaíonn aliasáil nuair a bhíonn taifeach na híomhá an-íseal don phróiseálaí chun línte míne a sholáthar i gceart. Cuirtear an teicníc frith-aliasing i bhfeidhm chun cuma níos míne a thabhairt agus dá bhrí sin gheobhaidh tú torthaí comparáide éagsúla in aghaidh an chomhshaoil. Tá difríochtaí ag roinnt íomhánna agus iad á gcur i gcomparáid mar gheall ar fhrithaliasing. Déileálann leabharlann LooksSame le saincheisteanna frith-ailiasaithe trí neamhaird a dhéanamh de na picteilíní áirithe inar dócha gur tharla frith-ailiasú. Déanfar neamhaird de na difríochtaí seo de réir réamhshocraithe.

Every image is made up of pixels and while comparing these images you compare every pixel’s color in image one with the pixel color in the corresponding location of the image. So in case, some pixels are dissimilar, then you can tell the images are not matching. Usually, aliasing happens when an image’s resolution is very low for the processor to correctly render smooth lines. The frith-ailiasú technique is applied to give a smoother appearance and thus you get different comparison results per environment. Some images have differences while comparing them because of antialiasing. The LooksSame library deals with frith-ailiasú issues by ignoring certain of the pixels where frith-ailiasú is likely to have occurred. These differences will be ignored by default.

 const fs = require("fs");
const http = require("http");
const looksSame = require("looks-same");
const noop = () => null;
const refImgPath = __dirname + "/img/ref.png";
const currImgPath = __dirname + "/img/curr.png";
const diffImgPath = __dirname + "/img/diff.png";
const createDiff = (callback = noop) => {
  looksSame.createDiff(
    {
      reference: refImgPath,
      current: currImgPath,
      diff: diffImgPath,
      highlightColor: "#ff00ff", // color to highlight the differences
      strict: false, // strict comparsion
      tolerance: 2.3,
      ignoreAntialiasing: true,
      antialiasingTolerance: 4,
      ignoreCaret: true // ignore caret by default
    },
    callback
  );
};
http
  .createServer((req, res) => {
    createDiff(() => {
      const img = fs.readFileSync(diffImgPath, "binary");
      res.write(img, "binary");
      res.end();
    });
  })
  .listen(8080);

Comparáid Íomhánna trí Neamhaird a Dhéanamh ar Caret

Tá feidhmiúlacht curtha ar fáil ag an leabharlann LooksSame saor in aisce chun neamhaird a dhéanamh ar chúramaí ar bhoscaí ionchuir agus iad ag déanamh comparáide idir dhá íomhá laistigh dá bhfeidhmchláir féin. Is pian é caret téacs san eilimint ionchuir téacs do thascanna aischéimniúcháin amhairc toisc go mbíonn sé ag blinking i gcónaí. Uaireanta nuair a dhéantar comparáid idir dhá bhosca téacs nó íomhánna boscaí ionchuir, mar gheall ar an íomhá a thabhairt caret tá an chomparáid ag teip ar an difríocht picteilín. Mar sin is féidir leat neamhaird a dhéanamh ar an rogha caret chun neamhaird a dhéanamh ar dhifríochtaí den sórt sin a dhíchumasú.