图片主色提取

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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值