【中二少年工具箱】——svga预览工具

有任何问题，欢迎站内私信博主交流。

点击链接，获取资源：

https://lizetoolbox.top:8080/qrCode_contact

---

---

前言

前面有篇文章讲过基于echarts的大屏可视化一些基础概念，其中提到和动画相关的插件有：lottie、gsap、svga等，本篇文章的主题是svga，但不是技术硬文，只是向大家介绍我最近写的一款工具——svga预览工具。

基本效果如下：

---

一、背景

开发这个工具的初衷很简单，就是UI每次会给我几个设计好的svga文件，但是设计人员的命名规范和我个人不相符，所以总是记不清每个svga对应的效果。

UI风格会迭代升级，对应的svga动效也会跟着变动，不同项目的不同版本，几年下来，其实会有很多svga文件，这些都是我们的前端资产啊，我把它们放到一个文件夹，时间久了，难免会忘了之前的svga是什么效果。

因为我想后续还要对这些文件做管理，就是以后可能会做一个列表页，里面按照文件夹、标签等元素来管理本地文件，并可以便捷预览文件（包括svga），要做这套管理工具，简单的浏览器预览svga已经满