Para aquellos que no saben qué es Tracking.js, la biblioteca tracking.js trae diferentes algoritmos y técnicas de visión por computadora al entorno del navegador. Usando especificaciones modernas de HTML5, le permite realizar seguimiento de color en tiempo real, detección de rostros y mucho más. Obtenga más información al respecto en https://trackingjs.com/
Pero mi problema es que quiero ver el porcentaje de similitud de las dos imágenes usando Tracking.js Feature Descriptor (Brief). Leí la documentación pero no puedo entender correctamente.
window.onload = function() { var width = 393; var height = 295; var canvas = document.getElementById('canvas'); var context = canvas.getContext('2d'); var image1 = document.getElementById('image1'); var image2 = document.getElementById('image2'); window.descriptorLength = 256; window.matchesShown = 30; window.blurRadius = 3; var doMatch = function() { tracking.Brief.N = window.descriptorLength; context.drawImage(image1, 0, 0, width, height); context.drawImage(image2, width, 0, width, height); var imageData1 = context.getImageData(0, 0, width, height); var imageData2 = context.getImageData(width, 0, width, height); var gray1 = tracking.Image.grayscale(tracking.Image.blur(imageData1.data, width, height, blurRadius), width, height); var gray2 = tracking.Image.grayscale(tracking.Image.blur(imageData2.data, width, height, blurRadius), width, height); var corners1 = tracking.Fast.findCorners(gray1, width, height); var corners2 = tracking.Fast.findCorners(gray2, width, height); var descriptors1 = tracking.Brief.getDescriptors(gray1, width, corners1); var descriptors2 = tracking.Brief.getDescriptors(gray2, width, corners2); var matches = tracking.Brief.reciprocalMatch(corners1, descriptors1, corners2, descriptors2); matches.sort(function(a, b) { return b.confidence - a.confidence; }); var similarityPercentage = **What Shoud I Count Here?**; console.log(similarityPercentage) }; doMatch();