Aynı resmin farklı boyutlarını karşılaştırın Javascript

Question

Üç farklı boyutta aynı resim oluşturdum. Ve onlara image0_thumbnail.webp, image0_medium.webp ve image0_original.webp gibi bir isim verdik.

Ve bir kullanıcı bu görüntüleri yükleyecektir. Kullanıcının farklı bir resim seçmesini istemiyorum (belki farklı dizinden).

Bunu yaparlarsa, aynı farklı boyuttaki görüntülerle karşılaştırılır ve bunların hepsinin aynı görüntü olup olmadığını ve hata olup olmadığını kontrol eder.

Bu Compare two Images in JavaScript ile karşılaştım, ancak aynı boyutlu görüntüler içindir. Javascript'te çözüm arıyorum. Lütfen

numaralı telefondan yardım alın.

Answer 1

yeniden boyutlandırma aynı boyutta ve daha sonra kontrol edin; Örneğin ) i görüntüleri karşılaştırmak için Resemble.js kullanın bu kütüphane dosyaları, görüntü ve imageData karşılaştırabilirsiniz. Şansınız var, bu lib'in scaleToSameSize bir özelliği var. js

resemble(image1).compareTo(image2).scaleToSameSize().onComplete(function(data){ 
     console.log(data.misMatchPercentage) 
}); 

1. okuma dosya 1 saniyeden daha azdır.
2. Dosyaya görüntüye dönüştür ve belleğe yükleme biraz zaman alıyor, başka bir iki saniyedir.
3. Hiçbir zaman büyük bir zaman aralığını yeniden boyutlandırma (tüm veriler zaten bellekte okunduğundan).
4. Geniş bir zaman aralığına sahip olmayan resimleri karşılaştırın (tüm veriler belleğe zaten yazıldığından).