在線製做gif loading圖

 

本來發了一個連接，怕被#編程挑戰#大軍刷屏，仍是在這裏也分享一下吧！

這個工具和本站「來圖」使用方法相似，地址是http://www.loadingapng.com ，一共有45個gif模版，能夠本身選擇一個模版設置前景色，背景色，背景色是否透明，以及圖片尺寸

舉例說明：http://www.loadingapng.com/animation.php?image=39&fore_color=999999&back_color=FFFFFF&size=64x64&transparency=1&image_type=1  瀏覽器訪問地址，鼠標右鍵圖片另存爲便可下載！

參數說明：

image：模版編號（目前一共有45個模版可經過官網地址查看）

fore_color：前景色

back_color：背景色

size：圖片尺寸

transparency：背景是否透明，當爲1的時候背景色透明，back_color設置無效

image_type：1-gif格式動態圖 0-png格式靜態圖

 

PS：官網提供了在線工具下載，可是生成圖片時候老是發現圖片生成失敗顯示不出來，這是時候就直接用瀏覽器訪問地址+參數配置方式生成，而後右鍵另存爲就能夠了！這些圖片主要針對IE低版本沒法使用CSS3製做loading時使用，高端瀏覽器更建議你們使用CSS3實現動態效果圖

 

到這裏你必定還想問我：模版編號是怎麼一一對應的啊！？

其實我也不知道，做者也沒給個對照表，在線工具又這麼坑爹！

可是！有解！

第一種（笨方法）：當你使用在線工具選擇了一箇中意的模版圖之後直接點擊「Generate animation」按鈕生成圖片，那麼在圖片生成區會出現一個img（無論他是有圖沒圖的樣子）右鍵審查元素（chrome瀏覽器的話）看看他的src地址裏image參數對應的是多少就行了

第二種（高端）：直接找到你中意的模版右鍵審查元素，看這個div的一個animation屬性值的編號就是模版編號了！

 原文連接：http://www.gbtags.com/gb/share/6084.htm