欢迎您光临本站
首页 > js+jq > 正文
faddei头像
faddei

2021-07-10

评论者
js+jq
0 1

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>


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

165

精彩推荐

暂无评论

文明用语