1.提取图片的主色,来改变网页的色彩主题
参考网址
图片主色获取脚本rgbaster.js小介绍小使用
<script src="js/rgbaster.min.js"></script>
调取
<script>
var img = document.getElementById('tui-logo');//或者 var img="图片路径";
var payloadobj = '';
RGBaster.colors(img, {
// paletteSize: 30, 调色板大小(可选项)
exclude: ['rgb(0,0,0)', 'rgb(255,255,255)' ,'rgb(254,254,254)' ],//剔除的颜色
success: function(payload) {
// payload.dominant是主色,RGB形式表示
// payload.secondary是次色,RGB形式表示
// payload.palette是调色板,含多个主要颜色,数组
payloadobj = payload; //可以在函数外使用的变量
$(".jg-name").css("color", payload.secondary);
$(".tui-course-tab .on").css({"color":payload.secondary,"borderColor":payload.secondary});
}
});
</script>