canvas is tainted after drawing local svg to canvas in IE 11

Won’t fix Issue #12199522

Details

Author
Larry G.
Created
Jun 1, 2017
Privacy
This issue is public.
Found in
  • Internet Explorer
Found in build #
11
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

Rendering svg icons to webgl as textures breaks in IE 11. I’m currently using pixi.js to render to svg as textures to webgl, which does not work in Edge or IE 11. I was eventually able to get Edge working and I’ve distilled the issue down to just an IE 11 issue. You can easily taint a canvas element if you have a svg element embedded on a page, and you serialize the element into a string, which you then apply to an img src as a encoded data uri, then you draw that img to a 2d context with drawImage. You can view a clean example here: https://jsfiddle.net/psyrendust/19xkdag4/

I’ve documented this issue in great detail here: https://github.com/pixijs/pixi.js/issues/4073

This issue currently affects out mapping solution for all centers at Westfield Malls. You can view an example here: https://www.westfield.com/westfieldworldtradecenter/center-info/map#!/westfieldworldtradecenter

You should see a series of icons scattered throughout the map, but in IE 11 and Edge they are not visible because of the Texture rendering issue.

Attachments

Comments and activity

  • Microsoft Edge Team

    Changed Assigned To to “James M.”

  • Hello,

    Thank you for providing your feedback on IE11. We are not accepting feedback on Internet Explorer through this portal any longer (unless security related). After thorough testing, we are unable to reproduce this problem in Edge. Please test this behavior in our latest creator’s update 15063 or the insider build 16199.

    Best Wishes,
    The MS Edge Team

  • Microsoft Edge Team

    Changed Status to “Won’t fix”

You need to sign in to your Microsoft account to add a comment.

Sign in