javascript - 使用色贼从图像中获取背景色

我正在编写一个脚本，以使用color-thief.js从图像中获取主要颜色，然后将该颜色用作背景颜色。我以前从未使用过此插件，所以我不知道自己到底在做什么错。虽然背景颜色不适用。

$(document).ready(function($) {
    $(".box img").load(function(){
        var dominantColor = getDominantColor($(this));
        $(this).parent().css("background-color", "rgb("+dominantColor+")");
    });
});

在此先感谢。

最佳答案

您需要启动ColorThief对象以引用其内部方法。

var colorThief = new ColorThief();
$(document).ready(function($) {
    $(".box img").load(function(){
         var dominantColor = colorThief.getColor($(this));
         console.log(dominantColor);
         $(this).parent().css("background-color", "rgb("+dominantColor+")");
    });
});