Erhalte einen Farbnamen aus einer beliebigen RGB-Kombination (Skript enthalten)

Question

Ich gebe in meiner App eine Hex- und eine RGB-Farbe zurück (aus Camara) und möchte ein Skript verwenden, um diese Farbe zu identifizieren und einen Namen anzuzeigen ... ive http://gauth.fr/2011/09/get-a-color-name-from-any-rgb-combination/ Skript gefunden, aber ich kann es nicht machen zu arbeiten ...

mein Code dieses Skript hat die rgb und hex-Werte zu erhalten:

function color(){ 
var rgb = getAverageRGB(document.getElementById('smallImage')); 
    document.getElementById("r").style.background = 'rgb('+rgb.r+','+rgb.g+','+rgb.b+')'; 

var x='rgb('+rgb.r+','+rgb.g+','+rgb.b+')'; 
document.querySelector('.results').innerHTML = 'rgb('+rgb.r+','+rgb.g+','+rgb.b+')' + " hex:"+ hexafy(x); showDiv1() ; 

dann tryed ich den Code aus dem Skript zu verwenden, auf die verknüpfte Seite ... aber ohne Erfolg ...:

<script type="text/javascript" src="js/color_classifier.js"></script> 
     <script type="text/javascript" src="js/dataset.js"></script> 

aber unter Hinweis darauf, geschieht ... jede Ahnung, wie diese verwendet:

Ich hatte auch enthalten?

Answer 1

Es ist schwer, Ihnen eine definitive Antwort zu geben, da es nicht genug Details gibt - aber wenn Sie die zwei externen Ressourcen korrekt aufrufen (Sie benötigen auch jQuery, wenn Sie diese Methode verwenden), sollten Sie eine Warnung erhalten wie gewünscht. Hier ist eine Fiddle davon richtig funktioniert, wenn Sie die Ressourcen inline bringen (was die Notwendigkeit für jQuery ausschließt) https://jsfiddle.net/j3gbwvvg/. Der Grund, warum Sie jQuery nicht benötigen, ist, dass wir die Daten direkt in eine Variable setzen und diese aufrufen, wobei wir nicht die Funktion der Bibliothek verwenden, die die Funktion .getJSON() jQuery verwendet.

window.classifier = new ColorClassifier(); 
window.classifier.learn(data); 
var result_name = window.classifier.classify("#aaf000"); 
alert(result_name);