失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > js将两张图片合成一张图片

js将两张图片合成一张图片

时间:2022-06-18 14:17:29

相关推荐

js将两张图片合成一张图片

现在这个需求是在微信分享的时候将要将播放按钮放在分享图片中,因此需要加上传的分享图片和播放图片合着一张图片

drawAndShareImage(bgsrc, src) {let canvas = document.createElement('canvas');canvas.width = 400;canvas.height = 400;let context = canvas.getContext('2d');context.rect(0, 0, canvas.width, canvas.height);let bgImg = new Image();bgImg.src = bgsrc; // 背景图的urlbgImg.crossOrigin = 'Anonymous';bgImg.onload = () => {context.drawImage(bgImg, 0, 0, 200, 200);let img = new Image();img.src = src; // 需要合进去的图片urlimg.crossOrigin = 'Anonymous';img.onload = () => {context.drawImage(img, 75, 75, 50, 50);let base64 = canvas.toDataURL('image/png');console.log(base64); // 这个就是合成后的图片链接,如果需要上传请查看我另外的文章}}}

如果觉得《js将两张图片合成一张图片》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。