javascript - Canvas ios direct download

Question

I have such a js code. However, when I try it on mobile, IOS does not download directly on phones. It redirects to a url like "data:". How can I solve this problem for iOS?

 const capture = () => {
  const body = document.querySelector('.popup');
  body.id = 'capture';
  html2canvas(document.querySelector("#capture")).then(canvas => {
    document.body.appendChild(canvas);
  }).then(() => {
    var canvas = document.querySelector('canvas');
    canvas.style.display = 'none';
    var image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
    var a = document.createElement("a");
    a.setAttribute('download', 'myImage.png');
    a.setAttribute('href', image);
    a.click();
  });
};

const btn = document.getElementById('download');
btn.addEventListener('click', capture)

question from:https://stackoverflow.com/questions/65626501/canvas-ios-direct-download

Answer 1

Waitting for answers