码迷,mamicode.com
首页 > 其他好文 > 详细

在线制作gif loading图

时间:2015-08-07 10:54:05      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:

原本发了一个链接,怕被#编程挑战#大军刷屏,还是在这里也分享一下吧!

这个工具和本站“来图”使用方法类似,地址是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

在线制作gif loading图

标签:

原文地址:http://www.cnblogs.com/gbtags/p/4709975.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!