dom-to-image Doesn't work on ios device

Doesn't work on ios device

Open abdullahknz opened this issue 7 years ago • 10 comments

I'm using dom-to-image in ionic 2 app and this is my typescript code. When I trying in chrome it is working but in ios device not working.

ERROR: oops, something went wrong! [object Event] (My console log)

public save() {

var node = document.getElementById('image')

 domtoimage.toPng(node)
.then(function (dataUrl) {
  
    imagedata = dataUrl;
    console.log(imagedata);
   
})
.catch(function (error) {
  
    console.error('oops, something went wrong!', error);
});
this.isCropped = true;

}

Jul 12 '17 13:07 abdullahknz

I have the same problem. SecurityError (DOM Exception 18): The operation is insecure.

Jul 23 '17 06:07 alanhe421

Indeed, it does not work on iOS. In this comment I explained the workaround I use to make screen shots on iOS.

Jul 24 '17 11:07 bsautel

Thanks for your help. But html2canvas have blurry problem and it is not enough for me.

Jul 24 '17 11:07 abdullahknz

Ok, I am using it to make some screen shots of very small cards and html2canvas renders them rather well on iOS 10. I assume you have some more advanced use-cases. Sorry, I have no other workaround for you. 😞

Jul 24 '17 12:07 bsautel

Thank you for your interest 👍

Jul 24 '17 12:07 abdullahknz

Same problem for me. html2canvas can't correctly process svg charts made with d3.js.