[前端][微信浏览器/canvas]长按二维码图片无法扫描问题的解决方法

最近开发H5,用户浏览的环境主要是在微信下。
H5的最后一页是用canvas的toDataUrl生成了一个base64的图片,然后放到img标签里放在最顶上,让用户可以长按图片保存和扫描二维码。
但是实际测试中发现,iPhone是可以实现长按保存和扫描二维码的,部分安卓是只能保存,而识别出二维码无法跳转,停留在原地。
开始找到的方法是将base64转成blob,再转成blobUrl放到img.src里。这样安卓和苹果都能扫描,但是发现这样就无法保存图片了,微信应该限制了blob类型的保存。
最后是发现,本来toDataUrl的类型写的是image/png,将类型改成image/jpeg就可以了。
canvas.toDataURL("image/jpeg")

    原文作者:Tuzei
    原文地址: https://www.jianshu.com/p/07215138c436
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞