JavaScript实现图片相似度：直方图与余弦向量算法详解

function getHistogram(imageData) {
var arr = [];
for (var i = 0; i < 64; i++) {
arr[i] = 0;
    }
var data = imageData.data;
var pow4 = Math.pow(4, 2);
for (var i = 0, len = data.length; i < len; i += 4) {
var red = (data[i] / 64) | 0;
var green = (data[i + 1] / 64) | 0;
var blue = (data[i + 2] / 64) | 0;
var index = red * pow4 + green * 4 + blue;
arr[index]++;
    }
return arr;
}
余弦相似度与灰度转换函数function cosine(arr1, arr2) {
 var axb = 0,
 a = 0,
 b = 0;
 for (var i = 0, len = arr1.length; i < len; i++) {
 axb += arr1[i] * arr2[i];
 a += arr1[i] * arr1[i];
 b += arr2[i] * arr2[i];
 }
 return axb / (Math.sqrt(a) * Math.sqrt(b));
}
function gray(imgData) {
 var data = imgData.data;
 for (var i = 0, len = data.length; i < len; i += 4) {
 var gray = parseInt((data[i] + data[i + 1] + data[i + 2]) / 3);
 data[i + 2] = data[i + 1] = data[i] = gray;
 }
 return imgData;
}

灰度图对比注意事项

需要注意的是，如果要将一张灰色图片与原图进行相似度比较，必须先将两张图片都转换为灰度模式。此时应调用上述代码中的gray函数对图像数据进行处理，以确保比较基准一致。