svga 一种直播礼物动效文件

开发直播社交类软件在直播间往往需要动效文件展示！ 在线查看自己的svga：http://www.xahhty.cn/

从这些基本参数可以快速得知FPS数。

计算公式 FPS = frames / 时间 frames是画面数(帧数)，FPS = 单位时间内(1秒钟) 播放的图片数量。FPS越多肯定就越流畅！目前人类

{
  "version": "2.0",
  "FPS": 30,
  "frames": 152,
  "videoSize": {
    "width": 750,
    "height": 1334
  }
}

如果想看自己手机里面的一些不行的产品的svga可以在文件搜索 .svga为后缀的文件。提取出来，放到上文提及的网站里面即可！

这里我想普及一下FPS 到底影响了我们的啥？

盗用某B乎某用户的图，(这里Hz是屏幕刷新率 = FPS)直接对比36Hz 与 144Hz 发现36Hz只有2个画面，但是144Hz4个画面。

引入一个极限思想，广东 -> 新疆。

2帧正如：第一帧A在广东、第二帧D就在新疆了，瞬移就无法感知具体路线了。

如果是4帧的话，就可以知道：第一帧A在广东，第二帧B在四川，第三帧C在青海，第四帧D在新疆，相比较之下，4帧，更清楚的记录路线了！

以此类推，8帧记录的位置更加详细，

16帧比8帧更详细 …….. 2048帧会记录的位置更加多，

如果是无穷大帧数，感知的具体路线更加清晰！

如果继续扩大极限帧数，是不是可以记录你每走一步的图片？

所以，帧数越多，可以获取的信息越多，就会更加流畅的知道画面的变化，人就会感觉画面流程！

但是人眼可以识别的帧数有限：你坐火车的时候，近处的铁轨你看不清，但是远处的山你就能看清，也是一个道理。

单独拆出来2个场景：近处、远处。

近处：每秒钟过的铁轨的图片过多，你就看不清了。

远处：每秒钟山的位置距离你变化很小，所以你能看清。

如果拿手机的慢动作模式拍摄，就发现可以看清近处的铁轨。因为：手机在拍摄过程中，每秒记录了很多画面，但是播放的时候，每秒钟播放的画面数很少，通过这种拉长时间的方式，降低每秒的画面变化数，进而让人眼能够慢慢识别。

回归正文，一个svga需要适配人眼、同时需要适配屏幕的刷新率。屏幕基本的刷新率都是>=60帧，但是人眼的流程感知帧数 基本在24帧。都知道最低人眼流畅感知是24 帧，但游戏画面设定在30帧是最低，是高于最低人眼流畅感知，基本保持流畅！所以一个基本合格的svga的fps应在30帧以上(包括30帧)，同时占用内存越少越好！

特殊说明： 解决问题的光鲜，藏着磕Bug的痛苦。 万物皆入轮回，谁也躲不掉！ 以上文章，均是我实际操作，写出来的笔记资料，不会出现全文盗用别人文章！烦请各位，请勿直接盗用！