Javascript 如何捕获动画GIF并显示静止图像?
有没有办法捕捉动画图像并使其成为静止图像(PNG/JPEG) 我想捕捉下面的动画图像,以便显示它的静态图像。所以,我可以添加播放按钮来切换GIF图像和静止图像 HTML:Javascript 如何捕获动画GIF并显示静止图像?,javascript,jquery,html,image,animated-gif,Javascript,Jquery,Html,Image,Animated Gif,有没有办法捕捉动画图像并使其成为静止图像(PNG/JPEG) 我想捕捉下面的动画图像,以便显示它的静态图像。所以,我可以添加播放按钮来切换GIF图像和静止图像 HTML: <div class="image_wrapper"> <img class="animated_gif" src="http://i.imgur.com/zY4nD.gif" /> <img class="still_img" src="" /> </div>
<div class="image_wrapper">
<img class="animated_gif" src="http://i.imgur.com/zY4nD.gif" />
<img class="still_img" src="" />
</div>
<a href="#" class="play_btn">Play/Pause</a>
.image_wrapper{
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background: #ddd;
width: 150px;
height: 150px;
padding:10px;
}
.animated_gif{
width:100%;
height:150px;
display:none;
}
.play_btn{
background:#2FB82B;
padding:5px;
text-decoration:none;
color:white;
font-weight:bold;
border-radius:4px;
margin: 42px;
position:relative;
top:10px;
}
.play_btn:hover{
background:#4DD849;
}
试试这个
没有一种方法可以在Javascript*中实现对动画GIF播放的修改。如果您可以使用服务器端解决方案,则可以将gif转换为
支持的视频,并以这种方式实施控制
*有些项目使用涉及
的黑客技术从gif
抓取帧,但其行为并不确定 对。这很好。但是,我想捕获GIF图像作为静止图像。
$('.play_btn').on('click', function() {
$('img').toggle();
})