ছবি তুলনা করতে ওপেন সোর্স JavaScript API

pixelmatch দিয়ে শুরু করা হচ্ছে

পিক্সেলম্যাচ ইনস্টল করার প্রস্তাবিত উপায় হল NPM এর মাধ্যমে। এটি ইনস্টল করতে নিম্নলিখিত কমান্ড ব্যবহার করুন.

 npm install pixelmatch 

পিক্সেল ম্যাচ টেস্টিং কি?

আপনি যদি দুটি চিত্রের মধ্যে কোন পার্থক্য আছে কিনা তা পরীক্ষা করার জন্য তুলনা করতে চান তবে আপনি এই উদ্দেশ্যে পিক্সেল ম্যাচ টেস্টিং ব্যবহার করতে পারেন। দুই ধরনের ছবি হতে পারে, আসল ছবি এবং পরিবর্তিত ছবি। আপনি এমন একটি অ্যাপ্লিকেশন ব্যবহার করতে পারেন যা আপনার অ্যাপের স্ক্রিনশট থেকে চিত্রগুলি আনতে পারে এবং তারপরে, চিত্র তুলনা লাইব্রেরিটি এই চিত্রগুলি তুলনা করতে এবং ফলাফলগুলি প্রদর্শন করতে ব্যবহার করা যেতে পারে।

জাভাস্ক্রিপ্ট লাইব্রেরির মাধ্যমে ছবি তুলনা করা

ওপেন সোর্স লাইব্রেরি 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));