想控制GIF图片动画播放吗？试试gifffer.js
浏览数：29 /
时间：2015年06月09日
在线演示：http://www.gbtags.com/gb/demoviewer/3578/c6bec39a-61ae-4017-8e23-e0bc1eeb740f/example|index.html.htm
大家可能都斯通见惯了互联网上普遍使用的GIF图片，但是有没有想过让用户自己尝试控制GIF动画的播放呢？在今天这篇文章中，我们将介绍一个超棒的Javascript小类库 - gifffer.js，它可以帮助你添加控制GIF动画功能，想不想尝试一下？
如何使用？
首先引用JS，如下：
- <scripttype="text/javascript"src="gifffer.min.js"></script>
在HTML中使用如下代码来引用GIF图片：
- <imgdata-gifffer="gbtags.gif"/>
注意替换src属性为data-gifffer来实现控制
最后一步，添加处理的javascript，如下：
- window.onload =function(){
- Gifffer();
- }
搞定了，是不是非常简单。
实现原理
其实大家研究一下代码，会发现，这个实现的方式，是把图片用DIV替换并且添加一个运行按钮，并且使用HTML画布来生成一个背景视屏截图
兼容性：Chrome, FF, Safari, Opera, IE9+
阅读原文：想控制GIF图片动画播放吗？试试gifffer.js
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
