Hi Paul, I’ve recreated the problem. It appears that IE 11 does not support the transform feature that my library uses to rotate and flip graphics. The fastest solution would be to use Chrome, Firefox, or MS Edge instead of IE11 when getting graphics out of the SVG library.
It’s also possible to edit a graphic in Notepad or some other text editor to put the transform feature in. For example, here’s an svg pipe elbow graphic (Note: I had to remove parts of the code so that I could display it in this forum):
<g transform="matrix(-1,0,0,-1,100,100)" xmlns="http://www.w3.org/2000/svg">
<g id="frame">
<rect fill="none" width="100" height="100"></rect>
</g>
<g id="shape">
<path fill="#006837" d="M34,58H0V42h34c4.411,0,8-3.589,8-8V0h16v34C58,47.234,47.234,58,34,58z"></path>
</g>
<g id="dark">
<path fill="#009245" d="M34,57H0V43h34c4.962,0,9-4.038,9-9V0h14v34C57,46.682,46.682,57,34,57z"></path>
</g>
<g id="light">
<path fill="#96D48D" d="M34,55H0V45h34c6.065,0,11-4.935,11-11V0h10v34C55,45.58,45.58,55,34,55z"></path>
</g>
<g id="hlight">
<path fill="#FFFFFF" d="M34,53.5H0v-7h34c6.893,0,12.5-5.607,12.5-12.5V0h7v34C53.5,44.752,44.752,53.5,34,53.5z"></path>
</g>
</g>
The code that rotates the graphic is contained in this line:
g transform=“matrix(-1,0,0,-1,100,100)” xmlns=“SVG namespace”>
Here is the above line from a four different rotations of the pipe elbow. All code is identical between the files except for this line (again, I had remove “<” from the beginning of each line so the code would display):
g transform=“matrix(-1,0,0,-1,100,100)” xmlns=“SVG namespace”>
g transform=“matrix(0,-1,1,0,0,100)” xmlns=“SVG namespace”>
g transform=“matrix(1,0,0,1,0,0)” xmlns=“SVG namespace”>
g transform=“matrix(0,1,-1,0,100,0)” xmlns=“SVG namespace”>
You could edit your SVG files to have one of these transformations, but I think it would be faster and less error-prone to use a different browser.
The third solution would be for me to modify the SVG Image Library to handle IE’s exception. Frankly, it won’t be easy or quick for me to make this change, because I use third-party programming libraries to rotate and flip images. The best I can offer is to be watchful for any solution next time I update the SVG Image Library.
john