在微信内置浏览器中用canvas的drawImage方法进行两张图片的拼合的相关问题

需求是用户选择相框,再上传一张图片并剪裁,将剪裁的图片和相框拼接,都是在前台实现功能,剪裁图片是使用copperjs实现的,获取到剪裁图片的blob和base64,在获取选中相框的src并转换为bolb和base64,然后新建一个canvas对象 在里面拼合两张图片,这时候会出现以下情况
1.剪裁图片预览是纯黑色的图
2.剪裁图片预览成灰色,且图片内容并排重复,夹杂雪花效果
3.相框预览是白色,
4.相框拼接不到剪裁图片上

            请问前辈有没有什么好的解决方案,会不会是因为drawimage导致微信浏览器崩溃?还是跟安卓机型有关?  这套代码在iphone和pc浏览器中运行都是ok的

2个回答

其实,canvas就是一个可以自定义的img标签。canvas可以本地save,你把两张图片分别drawImage,然后按需求加上矩形框,拼接图片,最后save成一张完整的图片
就已经满足你的需求了,其实没多难,移动端、PC也可以,不过重点测试安卓,因为有些安卓机会很卡~!祝好运!

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐