在线制作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