छवियों की तुलना करने के लिए ओपन सोर्स जावास्क्रिप्ट एपीआई

पिक्सेलमैच के साथ शुरुआत करना

पिक्सेलमैच स्थापित करने का अनुशंसित तरीका एनपीएम के माध्यम से है। कृपया इसे स्थापित करने के लिए निम्न आदेश का उपयोग करें।

 npm install pixelmatch 

पिक्सेल मैच टेस्टिंग क्या है?

यदि आपको यह जांचने के लिए दो छवियों की तुलना करने की आवश्यकता है कि क्या कोई अंतर है तो आप इस उद्देश्य के लिए पिक्सेल मिलान परीक्षण का उपयोग कर सकते हैं। दो प्रकार की छवियां हो सकती हैं, मूल छवि, और संशोधित छवि। आप एक एप्लिकेशन का उपयोग कर सकते हैं जो आपके ऐप के स्क्रीनशॉट से छवियां प्राप्त कर सकता है और उसके बाद, छवि तुलना लाइब्रेरी का उपयोग इन छवियों की तुलना करने और परिणाम प्रदर्शित करने के लिए किया जा सकता है।

जावास्क्रिप्ट लाइब्रेरी के माध्यम से छवियों की तुलना करना

ओपन सोर्स लाइब्रेरी पिक्सेलमैच ने आसानी से जावास्क्रिप्ट अनुप्रयोगों के अंदर छवियों की तुलना करने के लिए पूर्ण कार्यक्षमता प्रदान की है। सॉफ्टवेयर डेवलपर्स को तुलना के साथ-साथ आउटपुट स्थान के लिए छवि डेटा प्रदान करने की आवश्यकता होती है जहां इसे अंतर के साथ छवि डेटा लिखने की आवश्यकता होती है। उन्हें वह आयाम भी प्रदान करने की आवश्यकता है जो तीन छवियों की चौड़ाई और ऊंचाई है। आप थ्रेशोल्ड विकल्प का उपयोग कर सकते हैं जो छवियों को थोड़ा अलग करने की अनुमति देता है, जो कुछ मामलों में बहुत अच्छा हो सकता है। कृपया ध्यान दें कि पिक्सेलमैच लाइब्रेरी के लिए आवश्यक है कि छवियां समान आकार की हों।

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

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