API جاوا اسکریپت منبع باز برای مقایسه تصاویر

شروع با pixelmatch

روش توصیه شده برای نصب pixelmatch از طریق NPM است. لطفا از دستور زیر برای نصب آن استفاده کنید.

 npm install pixelmatch 

تست Pixel Match چیست؟

اگر نیاز به مقایسه دو تصویر دارید تا بررسی کنید که آیا تفاوتی بین آنها وجود دارد یا خیر، می توانید از تست مطابقت پیکسل برای این منظور استفاده کنید. دو نوع تصویر می تواند وجود داشته باشد، تصویر اصلی و تصویر اصلاح شده تصویر. می توانید از اپلیکیشنی استفاده کنید که می تواند تصاویر را از اسکرین شات اپلیکیشن شما واکشی کند و پس از آن، از کتابخانه مقایسه تصاویر برای مقایسه این تصاویر و نمایش نتایج استفاده شود.

مقایسه تصاویر از طریق کتابخانه جاوا اسکریپت

کتابخانه منبع باز 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));