我注意到颜色窃贼js插件呈现的“主色”颜色质量很差。我有它应该工作,没有问题。
然而,主导色并没有像它应该的那样。它总是更轻或更暗的TAD位。我的脚本如下。可以找到该插件的链接here。
注意,在插件网站上,有一个质量选项。但格式化(即[, quality]
)打破了我的jQuery代码。不确定[,..
的内容是什么,尝试删除并添加它无济于事。
问题 - 如何设置彩色插件的质量,我认为这会导致颜色渲染问题。
PS :为了测试主导颜色,我使用的是一种颜色的图像。
$('.sb-billboard img.user-img').on('load', function () {
var getWidth = $(this).width();
// create img from src
var image = new Image();
image.crossOrigin = '';
image.src = $(this).attr('src');
image.width = getWidth;
// get color
var colorThief = new ColorThief();
var userImage = image;
var dominantColor = colorThief.getColor(userImage);
$('#campaign-wrap').css("background-color", "rgb(" + dominantColor[0] + "," + dominantColor[1] + "," + dominantColor[2] + ")");
});