美文网首页让前端飞Web前端之路
[前端][微信浏览器/canvas]长按二维码图片无法扫描问题的

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

作者: Tuzei | 来源:发表于2018-04-24 12:22 被阅读1200次

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

    相关文章

      网友评论

        本文标题:[前端][微信浏览器/canvas]长按二维码图片无法扫描问题的

        本文链接:https://www.haomeiwen.com/subject/vxbdlftx.html