SVGA 是什么？

SVGA ，全称 Scalable Vector Graphics Animation，是一种全新的动画格式，带来高性能动画体验，该格式能够同时兼容 iOS，Android，Flutter，Web 等多个平台。

微信小程序整合 SVGA_json

官网也列举出了它的好处，这里不进行赘述，感兴趣的可以戳 - 这里。

那么，在微信小程序上能够集成这么友好的动画呢？

整合到微信小程序

是的，我们能够将其集成到微信小程序上。下面，我们将一步步整合上来。

首先，我们可以参考之前的文章-为了管理日常，我写了个 TODO LIST 微信小程序，它可以教你从零开始创建小程序。

这里，我创建了一个名为 svga-demo，且不使用云服务功能的项目。

这里为了演示，模板选择，我们只是选择了官方的 JS-基础模版。

我们使用到 svgaplayer-weapp，这个专为微信小程序开发的 SVGA 播放器。

代码结构如下：

svga-demo
├── assets
│   └── js
│       └── svgaplayer.weapp.js
│   └── imgs
│       └── duck_svga.svg
├── pages
│   └── index
│       ├── index.js
│       ├── index.json
│