标签:
原本发了一个链接,怕被#编程挑战#大军刷屏,还是在这里也分享一下吧!
这个工具和本站“来图”使用方法类似,地址是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.cnblogs.com/gbtags/p/4709975.html