cavas toDataURL method doesn't work after draw SVG file to canvas - by JamesZhong

Status : 

  Fixed<br /><br />
		This item has been fixed in the current or upcoming version of this product.<br /><br />
		A more detailed explanation for the resolution of this particular item may have been provided in the comments section.


ID 828416 Comments
Status Closed Workarounds
Type Bug Repros 6
Opened 3/4/2014 9:55:24 PM
Access Restriction Public

Description

I find that when draw svg file to canvas, then toDataURL method doesn't work.
cosole print "SecurityError". this svg file doesn't refer any other image or other resource from other domain, just draw some text.
I search on web about this question, it is say that is about crossOrigin issue.
But it is bug sure. chrome new version (32.0.1700.77) had fixed it.
please refer following sample.
http://jsfiddle.net/zhongjian2008/MDeBp/1/

BTY: I submit this issue to Apple's Safari. it had fix this issue in Yosemite. Safari 8.0.
Microsoft, Keep up.
Sign in to post a comment.
Posted by Microsoft on 1/7/2016 at 7:31 AM
Thank you for the feedback. This issue appears to have been fixed in Microsoft Edge build 10586 and later. We're not presently working on feature bugs in Internet Explorer outside of security-related issues.
Best Regards,
The Microsoft Edge Team
Posted by cmawhorter on 9/24/2014 at 12:36 AM
I put this together today: http://designashirt.github.io/svg-canvas-tests/
Specifically: http://designashirt.github.io/svg-canvas-tests/control2.html

Safari 7.1 seems like it fixed this, which makes IE is the last holdout.
Posted by JamesZhong on 6/5/2014 at 12:20 AM
Wow, I submit this issue to Apple's Safari. it had fix this issue in Yosemite. Safari 8.0.
Microsoft, Keep up.
Posted by toddaolson on 5/22/2014 at 8:11 AM
We're experiencing this as well on IE10 and IE11. It works in Firefox, Chrome, and Safari. .toDataURL() seems to work for us in IE in other scenarios, but not SVG. Any help or additional workarounds (aside from including another 3rd-party library) would be great.
Posted by lauroc on 5/10/2014 at 9:14 AM
On my website, the users can draw a SVG file and then save the generated image as Png. Because of the "toDataUrl" issue this is not possible in Iexplorer. It works well in Firefox and Chrome. It is strange that iexplorer doesn't allow to save a SVG image as png.

I hope this issue is fixed soon, thanks.
Posted by Microsoft on 3/5/2014 at 6:51 AM
Thank you for your feedback!

We will be investigating this issue further.

Best Regards,
The Internet Explorer Team