html2canvas is not working in Ipad/iPhone iOS 11.2.1 and iPhone X Safari borwser

Hi,

I have use html2canvas function for capturing screen shot from div its working fine on web but its not working in Ipad iOS 11.2.1 Safari browser getting blank response. I have using Ipadair2 with iOS 11.2.1 and iPhone X

Include JS Version: jQuery v1.7.1 jquery.com html2canvas v1.0.0-alpha.7

Here the HTML code:

<div id="pdfContent" class="pdfContent" style="transform-origin: left top 0px; transform: scale(1);" crossOrigin="Anonymous">
        <img id="hotspotimg" src="img.jpg" cropwidth="1000" cropheight="600"/>
        <div id="editor"></div>
</div>

Here the JS code:

html2canvas(document.querySelector('#pdfContent'), {useCORS: true}).then(function (canvas) {
		    try {
		        var imgageData = canvas.toDataURL("image/png");
                          } catch (err) {
		      console.log(err)
		      alert(err)
		    }
        }).catch(function onRejected(error) {
        	alert(error);
}); 

I have tried multiple github solution like and other links but not working on Ipad/iPhone

Please help me:

Contact us: [e-mail]

[mjbernardo-30]

i’m having the same issue, it works fine on any desktop browser and android devices, but not in safari. I’m using cropper.js to crop an uploaded image and preview to another image template. When i use safari it draw nothing.

[ayohdev]

@JacobJohnJ … I ended up having to create a separate HTML Element and absolute position it off screen to work. I styled each element on the canvas seperately to match what I wanted the download to be. It was very annoying but I was able to get the downloads to work this way.