颜色小偷不改变背景答案

【问题标题】：Color Thief Not Changing Background颜色小偷不改变背景
【发布时间】：2018-04-14 01:31:25
【问题描述】：

我第一次使用 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+")");
});

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

【问题讨论】：

尝试使用硬编码的 RGB 值从浏览器控制台运行最后一行
我这样做了（添加了 rgb(0,0,0) ）并且背景没有任何变化，所以我猜它没有将那个 css 样式添加到 div。不知道为什么不这样做。

标签： jquery css colors color-thief

【解决方案1】：

试试下面的代码块，

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

【讨论】：