flash 动画转gif在网页中使用的兼容性处理方法

最近有个10几年的老项目，网站头图依然使用的是swf，源文件找不到了，客户还想保留原来的特效，最后想到了一个办法，就是通过工具将原来的swf每帧截图下来，然后使用js的setInterval间隔循环加载来实现。

 

1、需要用到的工具：下载地址 https://www.onlinedown.net/soft/616417.htm

解压后直接打开：

 

 

一、导入需要转换的swf

 

二、选择输出图片

 

 

三、点击第二步的 Convert 会出现此框，然后点击 play and Capture 按钮，会边播放边截图。完成后，点击 Finish按钮结束，即可自动保存到第一步指定的目录 下

 

 

然后将生成的目录放入web目录中，新建html，在适当的位置放入以下代码，就可以看到类似swf的效果了

<script type="text/javascript">
    window.onload = function ()
    {   var img=document.querySelector(".toppic");
        var i = 1; setInterval(function () { if (i > 103) { i = 0; } img.setAttribute("src", "/images/top/Frame" + i + ".jpg");i++ }, 100);
    }
</script>

    
    <div id="zzrdtop">
  <img src="/images/top/Frame0.jpg"  class="toppic" width="980" height="176"/>
</div>