javascript - IE 会减慢超过 6-8 FPS 的动画 GIF。是否有修复程序或跨浏览器替代方案(Flash 除外)?

标签 javascript internet-explorer animation gif animated-gif

老实说,直到现在我才注意到,但 IE 实际上会降低超过 6-8 FPS(12-16 毫秒/帧)的动画 GIF。例如,在 IE 和 Chrome 中打开这个 GIF - 你会看到不同之处:

http://netanimations.net/Moving-picture-winged-dragon-animated-gif.gif

我的问题是:有没有办法解决这个问题,比如使用 javascript?或者是否有所有主流浏览器都支持的替代方案?闪光灯除外。

编辑:我知道 APNG 和 MNG,但支持不是人们所期望的。

最佳答案

这是一个关于浏览器如何实现小 GIF 文件动画延迟的老问题。

这里有一篇更好的文章 http://humpy77.deviantart.com/journal/Frame-Delay-Times-for-Animated-GIFs-240992090

那篇文章的总结是:不要使用 0-1(百分之一秒)的延迟,如果您喜欢 IE 用户,请避免使用 2-5。 0.06 秒是第一个跨浏览器安全延迟。

备选方案包括 Flash、SVG、Canvas 以及稍微复杂但更跨平台兼容的方法,即根据用户代理发送不同的 gif。

此行为在 IE10 中也已更改,它现在可以显示高达 50FPS(百分之二秒)的 GIF,我相信这会使其与其他浏览器保持一致。

关于javascript - IE 会减慢超过 6-8 FPS 的动画 GIF。是否有修复程序或跨浏览器替代方案(Flash 除外)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10264435/

相关文章:

java - 如何在 Java 中为一系列图片制作动画?

javascript - 如何在页面上动态显示: Make ASP.网络标签

javascript - angularjs selft $broadcast 和 $on

javascript - 将表单数据传递到另一个 HTML 页面

javascript - OpenLayers3 中的特征动画

c# - 为什么在 Windows 10 的后台线程中运行控件时无法在 WPF 应用程序中获得流畅的 60 FPS 动画?

php - 在我的网站中通过鼠标右键单击来控制链接

html - IE8 - 顶部边距为 : 10px has no margin 的容器

javascript - jQuery 多版本在 IE 中无冲突

javascript - 网站在 IE 中崩溃,可能是内存泄漏?