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

Question

我想知道是否有一种方法可以防止浏览器实际制作动画 gif 动画，加载在<img>标签中。我只希望它显示 gif 的第一帧而不播放动画。

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

Answer 1

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

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

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

Answer 2

也许这对您来说太简单了，但您可以在您选择的图像编辑程序中打开动画 GIF，即 Adob​​e Photoshop 或任何其他免费程序，然后只保存没有动画的 GIF。

然后将新的 GIF（不带动画）重新上传到您提供图像的任何位置。

如果您确实使用 Photoshop，您只需打开 file.GIF 并转到菜单中的窗口>动画。这将在新对话框中显示动画 GIF 中的所有帧。

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