1. Produk
  2.   Imej
  3.   Node.js
  4.   LooksSame
 
  

API Node.js Percuma untuk Perbandingan Imej

API berasaskan Node.js Sumber Terbuka yang Membandingkan Piksel Imej dengan Piksel. Penyelesaian Berkuasa, Fleksibel dan Cekap untuk Perbandingan Imej dalam Aplikasi Node.js.

Perbandingan imej memainkan peranan penting dalam pembangunan perisian, terutamanya dalam bidang seperti ujian regresi visual, jaminan kualiti imej dan pengesahan reka bentuk sempurna piksel. Sama ada anda sedang membangunkan perisian untuk memastikan penampilan UI yang konsisten merentas berbilang platform atau mengautomasikan semakan visual dalam saluran pengeluaran, mempunyai alat perbandingan imej yang cekap adalah penting. LooksSame, API sumber terbuka yang dibangunkan oleh Gemini-Testing, memudahkan proses mencipta perisian untuk perbandingan imej dengan ciri intuitifnya. Terdapat beberapa bahagian ciri penting perpustakaan seperti perbandingan imej Pixel-demi-Pixel, pengesanan anti-aliasing, konfigurasi kawalan toleransi, pengendalian dimensi imej, sokongan untuk Janji dan banyak lagi.

LooksSame ialah API berasaskan Node.js yang direka untuk perbandingan imej. Ia membolehkan pembangun membandingkan imej piksel demi piksel, dengan pilihan untuk mengendalikan variasi kecil yang mungkin berlaku disebabkan perbezaan dalam persekitaran pemaparan. Dengan menggunakan perpustakaan, pembangun perisian boleh membina aplikasi mereka sendiri yang mengesan perbezaan visual yang ketara sambil mengabaikan variasi remeh. API tertumpu terutamanya untuk membantu pembangun mengekalkan konsistensi dalam reka bentuk UI, tetapi kepelbagaian fungsinya menjadikannya sesuai untuk banyak kes penggunaan perbandingan imej yang lain. Dengan API yang mudah dan pilihan yang boleh disesuaikan, LooksSame ialah tambahan yang hebat kepada mana-mana kit alat pembangun, terutamanya untuk ujian UI berasaskan web, penjanaan imej automatik dan senario lain di mana ketepatan visual adalah yang terpenting.

Previous Next

Bermula dengan LooksSame

Cara yang disyorkan untuk memasang LooksSame menggunakan NPM. Sila gunakan arahan berikut untuk pemasangan yang lancar.

Pasang LooksSame melalui NPM

npm install looks-same

Perbandingan Imej Asas dalam Apl Node.js

Pustaka LooksSame sumber terbuka memudahkan pembangun perisian melakukan perbandingan imej asas dalam aplikasi Node.js. Setelah dipasang, anda boleh membandingkan dua imej dengan memerlukan modul LooksSame dalam kod anda. Berikut ialah contoh asas yang menunjukkan cara menggunakan pustaka untuk menyemak sama ada dua imej adalah sama secara visual: Dalam contoh ini, bandingkan image1.png dan image2.png. Jika mereka secara visual sama, sama akan kembali benar; jika tidak, ia mengembalikan palsu.

Bagaimana untuk Membandingkan Dua Imej dalam Apl 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!');
    }
});

Perbandingan Imej Berasaskan Toleransi

Untuk aplikasi yang tidak memerlukan padanan sempurna piksel, pembangun perisian boleh menambah tahap toleransi. Ini membolehkan perbezaan kecil antara imej, seperti perubahan disebabkan pemaparan pada penyemak imbas atau sistem pengendalian yang berbeza, diabaikan. Dalam contoh kod berikut, toleransi ditetapkan kepada 5%, bermakna variasi piksel kecil (sehingga 5%) tidak akan menyebabkan imej dianggap berbeza.

Bagaimana untuk melaksanakan Perbandingan Imej Berasaskan Toleransi dalam Apl 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

Menyerlahkan Bidang Perbezaan Khusus

Untuk aplikasi yang lebih canggih, pembangun perisian mungkin ingin mengenal pasti dan menganalisis kawasan perbezaan tertentu sahaja. Pustaka LooksSame menyediakan ciri kotak sempadan yang menunjukkan kawasan yang tepat di mana perbezaan berlaku. Fungsi ini mengeluarkan koordinat kotak sempadan bagi kawasan yang berbeza, menjadikannya lebih mudah untuk memfokus pada bahagian tertentu imej yang telah berubah. Contoh berikut menunjukkan cara menggunakan koordinat kotak sempadan untuk membandingkan imej dan menyerlahkan perbezaan.

Bagaimana untuk Membandingkan Kenal pasti Perbezaan antara Kawasan Tertentu Imej melalui Apl 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');

Pengesanan Anti-Aliasing untuk Perbandingan Tepat

Pustaka LooksSame sumber terbuka membenarkan pembangun perisian melakukan pemampatan imej dengan menggunakan kaedah Pengesanan Anti-Aliasing dalam aplikasi Node.js. Anti-aliasing boleh menyebabkan positif palsu apabila membandingkan imej, kerana ia memperkenalkan sedikit variasi dalam pemaparan tepi. Pilihan mengabaikanAntialiasing perpustakaan membantu mengelakkan positif palsu ini. Ini amat berguna untuk aplikasi yang imej mungkin dipaparkan secara berbeza pada pelbagai peranti atau penyemak imbas tetapi secara visual masih sama.

 Melayu