1. 程式人生 > 其它 >flash 動畫轉gif在網頁中使用的相容性處理方法

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>