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

Question

在某些情况下，我需要停止 background-image 属性中使用的gif图像，而不使用 src 属性。请帮助在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属性可以节省大量时间。