flash 動畫轉gif在網頁中使用的相容性處理方法
阿新 • • 發佈:2022-03-15
最近有個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>