颜色小偷不改变背景

时间:2017-11-01 16:51:43

标签: jquery css colors color-thief

我第一次使用Color Thief时,在检查图像的主色后,我似乎无法获得div的背景来改变其背景颜色。以下是我正在使用https://jsfiddle.net/una54dg6/

的代码

HTML:

<div class="blogPageHeader"></div>
<img src="https://i1.wp.com/metooplace.com/wp-content/uploads/2017/10/Untitled-1.jpg?w=720" class="singlePostImg" />

jquery的:

    $(".singlePostImg").load(function(){

    // Dominant Color
    var dominantColor = getDominantColor($(this));

    //change background
    $(".blogPageHeader").css("background-color", "rgb("+dominantColor+")");
});        

我错过了什么吗?任何想法如何使这项工作?

1 个答案:

答案 0 :(得分:0)

尝试以下代码块,

       var rgbColor = "rgb(" +dominantColor+ ")"; 
        console.log(rgbColor);
       $(".blogPageHeader").style.background = rgbColor;