I am trying to download an image using the html2canvas.min.js canvas library, it works on all devices except IOS, I have used some methods but I have the same issue on IOS, on IOS it just shows me a blank screen. JS

function downloadURI(uri, name) {
    var link = document.createElement('a');
    link.href = uri;
    link.download = name;
    link.click();
    console.log(link);
}

function DownloadAsImage() {
    var element = document.querySelector("#tarjetaqrdiv");
    html2canvas(element, {
        allowTaint: true,
        useCORS: true,
        backgroundColor: null,
        scale: 1,
        scrollX: 0,
        scrollY: -window.scrollY,
        // width: 2,
        // height: 2,
    }).then(function(canvas) {
        var myImage = canvas.toDataURL("image/png");
        downloadURI(myImage, "membresia-bet-qr.png");
    });
}

HTML

<div id="tarjetaqrdiv" >
   <!-- contenido -->
</div><div class="footer_bton_qr">
<input type="button" id="descargarimagen" name="descargarimagen" value="Descargar" onclick="DownloadAsImage()"></div>