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