estoy creando códigos qr usando esta biblioteca y así es como funciona, crea una etiqueta de imagen y almacena la imagen del código qr en el src como una imagen binaria. quiero descargar la imagen del codigo qr, funciona perfectamente en mi laptop pero cuando lo probe en mi celular no funciono, incluso intente alertar al src de la imagen pero salio vacio, como puedo solucionarlo ¿este? aquí está mi código:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>qrcode</title> <style> #qrcode { width: 160px; height: 160px; margin-top: 15px; } </style> </head> <body> <input type="button" id="cmd" value="Save PNG" onclick="saveimg()" /> <a href="" download="ConferPressQrTicket" id="download">download</a> <div id="qrcode"></div> <script src="./qrcode.min.js"></script> <script type="text/javascript"> // var qrcode = new QRCode("qrcode"); var qrcode = new QRCode("qrcode", { text: "", width: 200, height: 200, colorDark : "#000", colorLight : "#ffffff", correctLevel : QRCode.CorrectLevel.H }); function makeCode() { let TickectId = location.href.split("=")[1]; let dfd = qrcode.makeCode("TickectId") } function saveimg() { alert(document.getElementsByTagName("img")[0].src) document.getElementById("download").href = document.getElementsByTagName("img")[0].src; } makeCode(); document.getElementById("cmd").addEventListener("click", () => { alert(document.getElementsByTagName("img")[0].src) document.getElementById("download").href = document.getElementsByTagName("img")[0].src; }) </script> </body> </html>agrega esto a tu código
var can = document.querySelector("#qrcode canvas"); alert(can.toDataURL()) document.getElementById("download").href = can.toDataURL();