SVG 对 Internet Explorer 8 及更低版本的支持
我在 Flash 中创建了动画,并使用 Swiffy 将其转换为 HTML5。
我认为它使用 SVG 来渲染所有内容;有没有一些 JavaScript 或技巧可以让 IE8 及以下版本支持它?我的动画在 Internet Explorer 9 上运行良好。
谢谢!
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!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
虽然没有一个选项是完美的,但有一些选择:
1.) Adobe 有一个适用于 IE8 的 SVG 插件 http://www.iegallery.com/en/addons/detail.aspx?id=444
2.) Raphael JavaScript 框架允许矢量图形跨浏览器 - http://raphaeljs.com/
3.) 然后是开源项目:http://code.google.com/p/svg2vml/ 和 http://code.google.com/p/svgweb/
4.) 可以选择在 IE8 及以下版本中显示 Flash。
5.) 可以选择对 IE8 及更低版本进行优雅降级,并显示静态图像来代替动画。
根据您制作动画的原因 - 我会推荐 4 或 5。
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.
有两个选项不会将您束缚于特定框架 (raphael) 或复杂的解决方案 (svgweb):
如果你选择第二个(是的,这是一个蹩脚的选项),并且想要保留可点击的部分和工具提示,你将不得不使用不可见的 div,或者在渲染的 svg 顶部的 HTML 中的标签。
您可以重复使用 svg 中的定位信息来定位这些 div,以避免该部分的开销。
最好的选择可能是外交地鼓励他们使用真正的浏览器,但对于那些生活在不熟练的 IT 部门统治下的人来说,这并不总是可能的;)
There are two options that will not tie you to specific frameworks (raphael) or complicated solutions (svgweb):
If you go number 2 (yes it is a crappy option), and want to keep clickable parts and tooltips, you will have to use invisible divs, or labels that are in HTML on top of the rendered svg.
You can reuse the positioning information from the svg to position those divs in order to avoid overhead for that part.
The best option probably is to diplomatically encourage them to use a real browser, but then it's not always possible for those who live under the rule of an unskilled IT department ;)