IT基地
用户登陆
我要注册
用户名或密码错误
登 陆
注 册
IT基地 >Mr.Li的博客 >我要发文
JQ获取图片主色调作为背景色使用
作者:Mr.Li   发布时间:2019-01-18 17:28:01   点击数:331

JQ通过画布功能获取图片主色调作为背景色使用

<canvas id="myCanvas" style="display:none;" attr="画布"></canvas>
<div class="solid">
    <img src="/images/img.jpg" class="solid_img"/>
</div>


<script type="text/javascript">
	var canvas = document.getElementById('myCanvas');
	var img = document.getElementById('solid_img');
	let context = canvas.getContext('2d');
	context.drawImage(img, 0, 0);
	let data = context.getImageData(0, 0, 1, 1).data;
	$('.solid').css('background','rgba('+data[0]+','+data[1]+','+data[2]+')');
</script>


本站部分数据来自软件的自动采集,仅用于学习交流,决不用于商用,如有侵犯您的合法权益,请联系我们删除。
发表技术文档,,记录个人生活,聚集意见领袖,众多IT精英,以我们的技术让开发更便捷。
IT基地版权所有,伪版必究 京ICP备17064610号-1
微信QQ空间QQ好友新浪微博FacebookTwitter
0.0116s