点击上图可查看APNG效果(20231124 貌似思否更新了,目前无法查看效果)
原文地址:https://segmentfault.com/a/1190000043497407
作者:Fw恶龙
本文首发于:思否
一、前言
关于APNG的支持情况,以及适用场景此处不做详细说明。
直接上结论,目前APNG格式在双端支持情况较好(除了IE浏览器),优势如下:
- 替代GIF格式的使用场景,相较GIF拥有更加丰富的色彩
- 替代序列帧的部分使用场景,减少开发者编写动画代码的工作量
二、在开发中如何使用?
- 准备多张png格式的序列帧(如:ani_01.png、ani_02.png……)
- 下载APNG汇编程序
生成APNG格式
- 将序列帧拖入程序
- 设置每帧的间隔时长(如:1/8表示每1秒8帧)
- 选择需要保存的路径
- 生成
- 将生成的素材在浏览器中预览效果
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。