Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

SVG support for Internet Explorer 8 and below

I created animation in flash and converted it into HTML5 using Swiffy.

I think it's using SVG to render all of it; is there some JavaScript or a trick to make IE8 and below support it? My animation is working well with Internet Explorer 9.

Thanks!

like image 743
Pennf0lio Avatar asked Feb 19 '12 22:02

Pennf0lio


People also ask

Does SVG work in Internet Explorer?

SVG (Scalable Vector Graphics) is officially supported by all main web browsers, including Internet Explorer. The support spans into a wide variety of image editor software, particularly Inkscape, which uses SVG as its native format (If you want a refresher on SVG, click here).

Does IE11 supports SVG?

Scalable Vector Graphics (SVG) files are displayed incorrectly in Internet Explorer 11. Important: The Internet Explorer 11 desktop application is retired and out of support as of June 15, 2022 for certain versions of Windows 10.

Is Internet Explorer 8 still supported?

On April 9, 2019, Microsoft released the final IE8 update for Windows Embedded POSReady 2009, the last supported version of Windows based on Windows XP, marking the end of IE8 support on all platforms.

Does IE8 support HTML5?

IE8 beta 2 doesn't implement the HTML5 parsing algorithm or the new elements (no <canvas> or <video> support). There are also bug fixes that align IE8 better with HTML5. so the answer is that for all fits and purposes, IE8 does not support html5 - just some randome bits and pieces of it.


1 Answers

While no option is perfect, there are a few choices:

1.) Adobe has a SVG plugin for IE8 http://www.iegallery.com/en/addons/detail.aspx?id=444

2.) The Raphael JavaScript Framework allows vector graphics cross browser - http://raphaeljs.com/

3.) Then there are the Open Source projects: http://code.google.com/p/svg2vml/ and http://code.google.com/p/svgweb/

4.) There is the option to display flash for IE8 and below.

5.) There is the option to gracefully degrade for IE8 and below and show a static image in place of the animation.

Based on your reason for the animation - I would recomend 4 or 5.

like image 63
Todd Moses Avatar answered Sep 21 '22 17:09

Todd Moses