可以在不播放动画的情况下加载动画gif吗？

Question

我想知道是否有办法阻止浏览器实际动画加载在<img>标记中的动画gif。 我只是希望它显示gif的第一帧而不播放动画。

我已经担心这是不可能的，我必须提取第一帧并将其渲染到画布......：/

Answer 1

这是一种昂贵的解决方案，但如果您在非常短的setInterval上重置图像SRC，它会显示为静态，例如：

setInterval(function() {
       document.getElementById('img1').src = document.getElementById('img1').src
},1)

演示：http://jsfiddle.net/MEaWP/6/

Answer 2

也许这对你来说太简单了，但你可以在你选择的图像编辑程序中打开动画GIF，即Adobe Photoshop或任何其他免费的GIF，然后在没有动画的情况下保存GIF。 / p>

然后将新的GIF（没有动画）重新上传到您提供图像的任何地方。

如果你使用Photoshop，你只需打开file.GIF并转到菜单中的Window＆gt; Animation。这将在新对话框中显示动画GIF中的所有帧。

只需删除所有框架并另存为。如果以后仍然需要，请不要用动画覆盖原始文件。