我第一次使用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+")");
});
我错过了什么吗?任何想法如何使这项工作?
答案 0 :(得分:0)
尝试以下代码块,
var rgbColor = "rgb(" +dominantColor+ ")";
console.log(rgbColor);
$(".blogPageHeader").style.background = rgbColor;