1. Produkti
  2.   Attēls
  3.   Node.js
  4.   LooksSame
 
  

Bezmaksas Node.js API attēlu salīdzināšanai

Atklātā pirmkoda Node.js API, kas salīdzina attēlus pa pikseļiem pa pikseļiem. Jaudīgs, elastīgs un efektīvs risinājums attēlu salīdzināšanai Node.js lietojumprogrammās.

Attēlu salīdzināšanai ir būtiska nozīme programmatūras izstrādē, īpaši tādās jomās kā vizuālās regresijas testēšana, attēla kvalitātes nodrošināšana un pikseļu perfekta dizaina pārbaude. Neatkarīgi no tā, vai izstrādājat programmatūru, lai nodrošinātu konsekventu lietotāja interfeisa izskatu vairākās platformās vai automatizētu vizuālās pārbaudes ražošanas konveijerā, ir svarīgi izmantot efektīvu attēlu salīdzināšanas rīku. LooksSame, atvērtā pirmkoda API, ko izstrādājusi Gemini-Testing, vienkāršo attēlu salīdzināšanas programmatūras izveides procesu, izmantojot tās intuitīvās funkcijas. Bibliotēkas daļai ir vairākas svarīgas funkcijas, piemēram, attēlu salīdzināšana pa pikseļiem, pretizlīdzināšanas noteikšana, pielaides kontroles konfigurēšana, attēla izmēru apstrāde, solījumu atbalsts un daudz kas cits.

LooksSame ir uz Node.js balstīta API, kas paredzēta attēlu salīdzināšanai. Tas ļauj izstrādātājiem salīdzināt attēlus pa pikseļiem ar opcijām apstrādāt nelielas izmaiņas, kas var rasties renderēšanas vides atšķirību dēļ. Izmantojot bibliotēku, programmatūras izstrādātāji var izveidot savas lietojumprogrammas, kas atklāj būtiskas vizuālas atšķirības, vienlaikus ignorējot nenozīmīgas variācijas. API galvenokārt ir vērsta uz to, lai palīdzētu izstrādātājiem saglabāt lietotāja interfeisa dizaina konsekvenci, taču tās daudzpusība padara to piemērotu daudziem citiem attēlu salīdzināšanas lietošanas gadījumiem. Ar savu vienkāršo API un pielāgojamajām opcijām LooksSame ir lielisks papildinājums jebkura izstrādātāja rīku komplektam, jo ​​īpaši tīmekļa saskarnes testēšanai, automātiskai attēlu ģenerēšanai un citiem scenārijiem, kur vizuālā precizitāte ir vissvarīgākā.

Previous Next

Darba sākšana ar LooksSame

Ieteicamais veids, kā instalēt LooksSame, ir izmantot NPM. Lūdzu, izmantojiet šo komandu, lai instalēšana noritētu vienmērīgi.

Instalējiet LooksSame, izmantojot NPM

npm install looks-same

Pamata attēlu salīdzinājums lietotnēs Node.js

Atvērtā pirmkoda bibliotēka LooksSame ļauj programmatūras izstrādātājiem viegli veikt pamata attēlu salīdzināšanu lietojumprogrammās Node.js. Pēc instalēšanas varat salīdzināt divus attēlus, kodā pieprasot moduli LooksSame. Šeit ir pamata piemērs, kas parāda, kā izmantot bibliotēku, lai pārbaudītu, vai divi attēli ir vizuāli identiski: Šajā piemērā tiek salīdzināti image1.png un image2.png. Ja tie ir vizuāli vienādi, vienāds atgriezīsies true; pretējā gadījumā tas atgriež false.

Kā salīdzināt divus attēlus lietotnēs Node.js?

const looksSame = require('looks-same');

// Compare two images
looksSame('image1.png', 'image2.png', (error, { equal }) => {
    if (error) {
        console.error('Error comparing images:', error);
    } else if (equal) {
        console.log('Images are identical!');
    } else {
        console.log('Images differ!');
    }
});

Uz pielaidēm balstīts attēlu salīdzinājums

Lietojumprogrammām, kurām nav nepieciešama pikseļu perfekta atbilstība, programmatūras izstrādātāji var pievienot pielaides līmeni. Tas ļauj ignorēt nelielas attēlu atšķirības, piemēram, izmaiņas, kas radušās renderēšanas dēļ dažādās pārlūkprogrammās vai operētājsistēmās. Nākamajā koda piemērā pielaide ir iestatīta uz 5%, kas nozīmē, ka nelielas pikseļu variācijas (līdz 5%) neizraisīs to, ka attēli tiks uzskatīti par atšķirīgiem.

Kā veikt uz pielaidi balstītu attēlu salīdzināšanu lietotnēs Node.js?

cfunction compareWithTolerance(image1, image2, toleranceLevel) {
    looksSame(image1, image2, { tolerance: toleranceLevel }, (error, { equal }) => {
        if (error) {
            console.error('Error comparing images:', error);
        } else if (equal) {
            console.log('Images are visually identical within tolerance!');
        } else {
            console.log('Images differ!');
        }
    });
}

// Usage
compareWithTolerance('image1.png', 'image2.png', 5);  // 5% tolerance

Īpašu atšķirību jomu izcelšana

Lai iegūtu sarežģītākas lietojumprogrammas, programmatūras izstrādātāji var vēlēties noteikt un analizēt tikai noteiktas atšķirības jomas. LooksSame bibliotēka nodrošina ierobežojošā lodziņa līdzekli, kas parāda precīzu reģionu, kurā rodas atšķirības. Šī funkcija izvada atšķirīgo reģionu robežlodziņu koordinātas, atvieglojot fokusu uz konkrētām attēla daļām, kas ir mainītas. Nākamajā piemērā parādīts, kā izmantot robežlodziņu koordinātas, lai salīdzinātu attēlus un izceltu atšķirības.

Kā salīdzināt, lai identificētu atšķirības starp noteiktiem attēlu apgabaliem, izmantojot lietotnes Node.js?

function compareWithDiffBounds(image1, image2) {
    looksSame(image1, image2, (error, { diffBounds }) => {
        if (error) {
            console.error('Error comparing images:', error);
        } else {
            console.log('Bounding box of differences:', diffBounds);
        }
    });
}

// Usage
compareWithDiffBounds('image1.png', 'image2.png');

Anti-aliasing noteikšana precīziem salīdzinājumiem

Atvērtā pirmkoda bibliotēka LooksSame ļauj programmatūras izstrādātājiem veikt attēlu saspiešanu, izmantojot pretizsaukšanas noteikšanas metodi Node.js lietojumprogrammās. Antialiasing var radīt kļūdaini pozitīvus rezultātus, salīdzinot attēlus, jo tas rada nelielas malu renderēšanas atšķirības. Bibliotēkas opcija ignoreAntialiasing palīdz izvairīties no šiem viltus pozitīvajiem rezultātiem. Tas ir īpaši noderīgi lietojumprogrammām, kurās attēli dažādās ierīcēs vai pārlūkprogrammās var tikt atveidoti atšķirīgi, taču vizuāli tie joprojām ir vienādi.

 Latviski