最近项目使用qrcode生成二维码,制作图片预览时出现了一个问题,在ios端使用
document.querySelector('img')
时没有问题,可以获取到图片及src,但是在Android端(HuaWei mate10)则无法获取到,最后通过查看DOM结构发现在Android中
img是没有src且display为none的,只有canvas,所以使用canvas转码实现图片预览:
//获取canvas:
var canvas = document.querySelector('canvas');
//将canvas转码:
var base64Text = canvas.toDataURL("image/png");
即可拿到图片的src(base64)。
canvas转码参考:https://www.cnblogs.com/Godfather-twq/p/13031908.html