SVG not displaying in IE11 on LMS

Forum|Forum|7 years ago
April 9, 2019
9 replies
3026 views

Anyone else have issues with SVGs and Internet Explorer?

I'm not sure why this is happening, but in Windows with IE11, when I load my Captivate 2019 SCORM 1.2 ZIP to SCORM cloud, the SVGs don't show up. All Mac browsers and every other browser on Windows is fine. I can't use JPGs or PNGs for a few of these things.

This is just one example on one page, but the whole project is like this, all SVGs arent show up. Windows IE 11 on SCORM cloud:

Windows IE 11 locally:

Windows Chrome (But also shows up on Mac/Safari/ChromeFirefox/etc):

One time it randomly worked, I have not been able to recreate the situation. Same ZIP and everything:

This topic has been closed for replies.

P

petern33480613

Inspiring

mikedashg.

I have had problems like this, and the solution was as RodWard suggested, stop using SVG. It was not my preferred solution, but it works and it is better than not having any image displayed.

Good Luck.

Peter

RodWard

Community Expert

Even current versions of Captivate still do not handle SVGs flawlessly. I don't quite know what the problem is, but they always seem to be unreliable. The Cons outweigh the Pros in my opinion. So until Adobe fixes the issues and makes SVG rock-solid across all modern browsers I cannot risk using them in my projects.

I am however finding that Adobe Animate content, drawn as vectors and published as OAMs is both light and reliable. So I use that in all current projects. The downside of Animate OAMs is that it uses JSON coding that IE11 doesn't like because IE11 cannot understand the latest ECMAScript standard code Animate uses. If the client requires IE11 compatibility, there is a workaround that requires munching the JavaScript code in the OAMs through Babel. But that's a LOT more work just to support a browser that is now effectively a digital dinosaur.

Lilybiri

Legend

Do they show up in another more modern browser (Chrome, Edge, FireFox)? IE is outdated, not even pushed by MS anymore.

mikedashgAuthor

Inspiring

Yes, see the screen cap above and read the post where it's shown fine working in Chrome.

I know it's outdated, but I don't have any control over what the end user's uses. Especially when a client demands it works in IE 11 because that's their standard web browser the that they use.

RodWard

Community Expert

There's a very simple solution to this. Ditch the SVGs and replace them with PNGs. Your client won't care that you use a PNG. They just want the content to work.

You could spend forever trying to get IE to support a technology like SVG reliably and still fail. Your quickest solution is just to use something that IE already supports fine.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.