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>版权声明：本站所提供的文章、图片等内容均为用户发布或互联网整理而来，仅供学习参考，如有侵犯您的版权，请联系我们客服人员删除。