Dom-to-image: Doesn't work on ios device

Created on 12 Jul 2017 · 10Comments · Source: tsayen/dom-to-image

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;

}

Source

abdullahknz

👍7

All 10 comments

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

alanhg on 23 Jul 2017

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

bsautel on 24 Jul 2017

👍1

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

abdullahknz on 24 Jul 2017

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. 😞

bsautel on 24 Jul 2017

Thank you for your interest 👍

abdullahknz on 24 Jul 2017

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