1. Məhsullar
  2.   Şəkil
  3.   Node.js
  4.   LooksSame
 
  

Şəkillərin müqayisəsi üçün pulsuz Node.js API

Şəkilləri Pixel ilə Müqayisə edən Açıq Mənbə Node.js əsaslı API. Node.js Tətbiqlərində Şəkil Müqayisəsi üçün Güclü, Çevik və Effektiv Həll.

Şəklin müqayisəsi proqram təminatının işlənib hazırlanmasında mühüm rol oynayır, xüsusən vizual reqressiya testi, təsvirin keyfiyyətinin təminatı və piksel-mükəmməl dizaynın yoxlanılması kimi sahələrdə. İstər çoxsaylı platformalar arasında ardıcıl UI görünüşünü təmin etmək üçün proqram təminatı hazırlayır, istərsə də istehsal boru kəmərində vizual yoxlamaları avtomatlaşdırırsınız, effektiv görüntü müqayisə alətinə malik olmaq vacibdir. LooksSame, Gemini-Testing tərəfindən hazırlanmış açıq mənbəli API, intuitiv xüsusiyyətləri ilə təsvirin müqayisəsi üçün proqram təminatının yaradılması prosesini asanlaşdırır. Kitabxananın piksel-pixel görüntü müqayisəsi, anti-aliasing aşkarlanması, dözümlülük nəzarətinin konfiqurasiyası, təsvir ölçülərinin idarə edilməsi, Promises üçün dəstək və sair kimi bir neçə vacib funksiya hissəsi var.

LooksSame şəkillərin müqayisəsi üçün nəzərdə tutulmuş Node.js əsaslı API-dir. O, tərtibatçılara təsvir mühitindəki fərqlərə görə baş verə biləcək kiçik dəyişiklikləri idarə etmək variantları ilə şəkilləri piksel-piksel müqayisə etməyə imkan verir. Kitabxanadan istifadə etməklə, proqram tərtibatçıları əhəmiyyətsiz dəyişikliklərə məhəl qoymadan əhəmiyyətli vizual fərqləri aşkar edən öz proqramlarını qura bilərlər. API ilk növbədə tərtibatçılara UI dizaynında ardıcıllığı saxlamağa kömək etməyə yönəlib, lakin onun çox yönlü olması onu bir çox digər görüntü müqayisəsi istifadə halları üçün uyğun edir. Sadə API və fərdiləşdirilə bilən seçimləri ilə LooksSame hər hansı bir tərtibatçının alət dəstinə əla əlavədir, xüsusən də veb-əsaslı UI testi, avtomatlaşdırılmış təsvirin yaradılması və vizual dəqiqliyin əsas olduğu digər ssenarilər üçün.

Previous Next

LooksSame ilə işə başlamaq

LooksSame quraşdırmanın tövsiyə olunan yolu NPM-dən istifadə etməkdir. Rahat quraşdırma üçün aşağıdakı əmrdən istifadə edin.

NPM vasitəsilə LooksSame quraşdırın

npm install looks-same

Node.js Tətbiqlərində Əsas Şəkil Müqayisəsi

Açıq mənbəli LooksSame kitabxanası proqram tərtibatçılarına Node.js proqramları daxilində əsas təsvir müqayisəsini həyata keçirməyi asanlaşdırır. Quraşdırıldıqdan sonra kodunuzda LooksSame modulunu tələb etməklə iki şəkli müqayisə edə bilərsiniz. İki şəklin vizual olaraq eyni olub olmadığını yoxlamaq üçün kitabxanadan necə istifadə olunacağını göstərən əsas nümunə: Bu nümunədə image1.png və image2.png müqayisə edilir. Əgər onlar vizual olaraq eynidirsə, bərabərlik doğru olacaq; əks halda false qaytarır.

Node.js Tətbiqlərində İki Şəkili Necə Müqayisə Etmək olar?

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!');
    }
});

Tolerantlığa əsaslanan Şəkil müqayisəsi

Mükəmməl piksel uyğunluğu tələb etməyən proqramlar üçün proqram tərtibatçıları dözümlülük səviyyəsi əlavə edə bilərlər. Bu, müxtəlif brauzerlərdə və ya əməliyyat sistemlərində göstərmə ilə bağlı dəyişikliklər kimi şəkillər arasında kiçik fərqlərə məhəl qoymamağa imkan verir. Aşağıdakı kod nümunəsində dözümlülük 5%-ə təyin edilib, yəni kiçik piksel dəyişiklikləri (5%-ə qədər) şəkillərin fərqli hesab edilməsinə səbəb olmayacaq.

Node.js Tətbiqlərində Tolerantlığa əsaslanan Şəkil Müqayisəsini necə yerinə yetirmək olar?

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

Xüsusi Fərq Sahələrinin Vurğulanması

Daha mürəkkəb tətbiqlər üçün proqram tərtibatçıları yalnız müəyyən fərq sahələrini müəyyən etmək və təhlil etmək istəyə bilər. LooksSame kitabxanası fərqlərin baş verdiyi dəqiq bölgəni göstərən məhdudlaşdırıcı qutu xüsusiyyətini təmin edir. Bu funksiya fərqli bölgələrin sərhəd koordinatlarını çıxarır və şəklin dəyişmiş xüsusi hissələrinə fokuslanmağı asanlaşdırır. Aşağıdakı nümunə şəkilləri müqayisə etmək və fərqləri vurğulamaq üçün məhdudlaşdırıcı qutu koordinatlarından necə istifadə olunacağını göstərir.

Node.js Tətbiqləri vasitəsilə Şəkillərin Xüsusi Sahələri Arasındakı Fərqləri Necə Müqayisə Etmək olar?

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');

Dəqiq müqayisələr üçün anti-aliasing aşkarlanması

Açıq mənbə LooksSame kitabxanası proqram tərtibatçılarına Node.js proqramları daxilində Anti-Aliasing Detection metodundan istifadə edərək şəkillərin sıxılmasını həyata keçirməyə imkan verir. Anti-aliasing şəkilləri müqayisə edərkən yanlış pozitivlərə səbəb ola bilər, çünki o, kənarların göstərilməsində kiçik dəyişikliklər təqdim edir. Kitabxananın ignoreAntialiasing seçimi bu yanlış pozitivlərdən qaçmağa kömək edir. Bu, xüsusilə şəkillərin müxtəlif cihazlarda və ya brauzerlərdə fərqli şəkildə göstərilə bildiyi, lakin vizual olaraq eyni olduğu tətbiqlər üçün faydalıdır.

 Azəri