背景图像属性中的 GIF 图像需要停止动画

Question

在某些情况下，我需要在不使用 src 属性的情况下停止 background-image 属性中使用的 gif 图像。请帮助在 javascript 或 jquery 中找到解决方案。谢谢。

例如：

background-image: url('http://www.webdeveloper.com/imagesvr_ce/webdeveloper/animation/bnifiles//knight.gif');} 

Answer 1

如果不使用 src 属性，这是不可能的。 JavaScript 无法控制动画 GIF 的当前帧。但是，有一个插件可以为您完成工作。它叫FreezeFrame Plugin

它使用 canvas 标签从 gif 的第一帧创建静止图像。

用静态图片更改 src 属性可以节省大量时间。