1. Táirgí
  2.   Íomha
  3.   JavaScript
  4.   pixelmatch
 
  

Open Source JavaScript API chun Íomhánna a Chur i gComparáid

Cuireann Leabharlann JavaScript ar chumas ríomhchláraitheoirí Bogearraí dhá íomhá a chur i gcomparáid i dtimpeallachtaí iolracha cosúil le Nód nó brabhsálaithe etc.

Uaireanta is gá comparáid a dhéanamh idir dhá íomhá lena fheiceáil cé chomh cosúil agus atá siad. Is próiseas an-chasta é agus bhí eolas maith ag teastáil lena chur i gcrích. Is féidir leis an leabharlann foinse oscailte pixelmatch a bheith ina rogha an-úsáideach chun dhá íomhá a chur i gcomparáid in aon timpeallacht. Toisc nach bhfuil aon spleáchas ag an leabharlann agus go n-oibríonn sí ar eagair chlóscríofa amh de shonraí íomhá, is féidir iad a úsáid i dtimpeallachtaí iolracha mar Nód nó brabhsálaithe, etc.

Tá an pixelmatch an-bheag i méid agus an-simplí le húsáid ach is leabharlann comparáide íomhánna ar leibhéal picteilín an-tapa é. Tá sé scríofa i JavaScript agus cruthaíodh ar dtús é chun scáileáin scáileáin i dtrialacha a chur i gcomparáid. Tacaíonn an leabharlann le gnéithe cosúil le braite picteilín frith-ailiasaithe agus méadracht difríochta datha aireachtála.

Is gné an-úsáideach é brath frith-ailiasaithe mar go hiondúil tugadh faoi deara gur féidir torthaí beagán neamhionanna a ghiniúint trí na sonraí céanna a sholáthar ar fheidhmchláir, gléasanna nó córais oibriúcháin éagsúla. Ach den chuid is mó moltar neamhaird a dhéanamh ar na difríochtaí nó na tástálacha beaga seo chun sonraí níos brí a ghabháil.

Previous Next

Tús a chur le pixelmatch

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

Suiteáil pixelmatch trí NPM

 npm install pixelmatch

Cad é Pixel Match Testing?

Más gá duit dhá íomhá a chur i gcomparáid lena sheiceáil an bhfuil aon difríocht eatarthu is féidir leat tástáil mheaitseála picteilín a úsáid chun na críche sin. Is féidir dhá chineál íomhánna a bheith ann, an bhuníomhá, agus an modhnaithe íomhá. Is féidir leat feidhmchlár a úsáid ar féidir leat íomhánna a fháil ó screenshot d’aip agus ina dhiaidh sin, is féidir an leabharlann comparáide íomhánna a úsáid chun na híomhánna seo a chur i gcomparáid agus na torthaí a thaispeáint.

Comparáid a dhéanamh ar Íomhánna trí Leabharlann JavaScript

Chuir an leabharlann foinse oscailte pixelmatch feidhmiúlacht iomlán ar fáil chun íomhánna a chur i gcomparáid le feidhmchláir JavaScript gan stró. Ní mór d'fhorbróirí bogearraí sonraí íomhá a sholáthar le haghaidh comparáide chomh maith leis an áit aschuir ina gcaithfidh sé na sonraí íomhá a scríobh leis na difríochtaí. Ní mór dóibh freisin toise leithead agus airde na dtrí íomhá a sholáthar. Is féidir leat an rogha tairseach a úsáid a ligeann do na híomhánna a bheith beagán difriúil, rud is féidir a bheith iontach i gcásanna áirithe. Tabhair faoi deara go gcaithfidh leabharlann pixelmatch go gcaithfidh íomhánna a bheith ar na méideanna céanna.

Comparáid Íomhánna Ar Líne trí JavaScript API

 const img1 = img1Context.getImageData(0, 0, width, height);
const img2 = img2Context.getImageData(0, 0, width, height);
const diff = diffContext.createImageData(width, height);
pixelmatch(img1.data, img2.data, diff.data, width, height, {threshold: 0.1});
diffContext.putImageData(diff, 0, 0);

Déan comparáid idir Íomhánna in Node.js trí pixelmatch

 const fs = require('fs');
const PNG = require('pngjs').PNG;
const pixelmatch = require('pixelmatch');
const img1 = PNG.sync.read(fs.readFileSync('img1.png'));
const img2 = PNG.sync.read(fs.readFileSync('img2.png'));
const {width, height} = img1;
const diff = new PNG({width, height});
pixelmatch(img1.data, img2.data, diff.data, width, height, {threshold: 0.1});
fs.writeFileSync('diff.png', PNG.sync.write(diff));
 Gaeilge