使用颜色窃贼从图像中获取背景颜色

Question

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

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

先谢谢。

Answer 1

您需要启动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+")");
    });
});