【中二少年工具箱】——svga预览工具-程序员宅基地

技术标签： electron electron桌面端数据可视化

同学们可以私信我加入学习群！

点击链接，获取资源：

https://lizetoolbox.top:8080/qrCode_contact

或者

http://lizetoolbox.top/qrCode_contact

正文开始

前言
一、背景
二、软件使用
总结

前言

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

基本效果如下：
在这里插入图片描述

一、背景

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

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

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

二、软件使用

软件的使用很简单：

1.通行证

为了避免有人伪造软件，从而达到侵入各位电脑的目的，我在登录页做了个随机的通行证验证，通行证每小时更新一次，和我个人的微信小程序互通，所以登录需要先前往微信小程序【中二少年工具箱】复制通行码。

可以先下载工具，网盘地址：https://pan.baidu.com/s/1yrl0jYpti7QCn8CHBRT2lw?pwd=1234
然后在工具的登录页点击“获取通行码”，扫码直达小程序，如图：
在这里插入图片描述

2.登录

在微信小程序的首页，复制通行码：
在这里插入图片描述

输入通行证，登录进入工具首页：
在这里插入图片描述

3.进入svga预览

点击svga预览模块，进入页面，显示默认的svga动画：
在这里插入图片描述
选择本地的svga文件，就可以在工具内预览自己的svga动画了。

总结

正版软件会一直免费，所以请大家放心使用博主开发的正版软件。如果软件被破解，绕过通行码直接登录，后续对宿主机造成一切后果，请使用者自行承担。

大家多多支持博主的公众号，新开小号，需要多多关注，拜谢大家：

点击链接，获取资源：

https://lizetoolbox.top:8080/qrCode_contact

或者

http://lizetoolbox.top/qrCode_contact

本文链接：https://blog.csdn.net/zjsj_lize/article/details/137051405

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

Python list列表（详解）-程序员宅基地

文章浏览阅读7.5k次，点赞5次，收藏12次。在实际开发中，经常需要将一组（不只一个）数据存储起来，以便后边的代码使用。说到这里，一些读者可能听说过数组（Array），它就可以把多个数据挨个存储到一起，通过数组下标可以访问数组中的每个元素。需要明确的是，Python 中没有数组，但是加入了更加强大的列表。如果把数组看做是一个集装箱，那么 Python 的列表就是一个工厂的仓库。从形式上看，列表会将所有元素都放在一对中括号[ ]里面，相邻元素之间用逗号,分隔，如下所示：格式中，element1 ~ elementn 表示列表中的元素，个数没有限制，只要是_python list

Python实现二维码登录-程序员宅基地

文章浏览阅读489次。这里我们选择使用qrcode库，它是一个简单易用的库，可以方便地生成二维码。通过以上代码，我们实现了使用Python生成二维码和解析二维码的功能，从而实现了二维码登录的功能。以上代码中，我们首先使用qrcode库的imread函数读取二维码图片，然后调用decode函数解析二维码内容。接下来，我们生成一个随机的登录令牌。用户扫描二维码后，我们可以获取到登录令牌，然后可以根据具体需求进行后续的登录验证和操作。运行上述代码后，将会生成一个名为qrcode.png的二维码图片，并打印出生成的登录令牌和解析结果。

搭建智慧农业物联网云平台——基于阿里云物联网平台构建_写一个农业云平台系统出来有多难-程序员宅基地

文章浏览阅读1.9w次，点赞32次，收藏469次。目录前言8.1.1 物联网平台搭建8.2.1 LinkDevelop平台使用8.2.2 iotkit-embedded前言传统的物联网项目，需要嵌入式硬件、云平台。对于我们做嵌入式的来说，从零开始搭建一个物联网云平台几乎是不现实的。这里涉及到许多前后端的知识。通过阿里云物联网平台，我们可以在不懂前后端开发的基础上，半个小时候左右就可以搭建一个智慧农业的物联网云平台框架。效果如下：大数据面板：设备管理：设备地图分布：支持视频监控..._写一个农业云平台系统出来有多难

CFD后处理出图软件Tecplot的操作技巧（未完待续）_tecplot插值方法-程序员宅基地

python3.7通过itchat方式登录微信给好友发送天气信息_ichatpython微信-程序员宅基地

文章浏览阅读1.3k次，点赞2次，收藏4次。环境：win7，python3.7安装好 ichat，requests，yaml，Schedule（定时功能使用）准备一份全国地区的code；参照图一：citys.yml需先了解全国天气相关接口API：思路：想通过输入一个城市名就可以打印出相关天气信息；由于yml配置文件只有城市名：城市代码code通过城市名去获取code，在把code 引用到URL路径上进行对每个城市的天气信息进行爬..._ichatpython微信

路由器端口介绍-程序员宅基地

文章浏览阅读1.5w次，点赞14次，收藏61次。路由器所在的网络位置比较复杂，既可是内部子网边缘，也可位于内、外部网络边缘。同时为了实现强大的适用性，它需要连接各种网络，这样，它的接口也就必须多种多样。对于这些，不要说一般的网络爱好者，就连许多网管人员都无法说清楚。这里向大家全面介绍路由器的各种接口及连接方法。一、路由器接口路由器具有非常强大的网络连接和路由功能，它可以与各种各样的不同网络进行物理连接，这就决定了路由器的接口技术非常复杂，越是高档的路由器其接口种类也就越多，因为它所能连接的网络类型越多。路由器的端口主要分局域网端口、广域网端口..._路由器端口

随便推点

matlab超限像素平滑法_2D-DIC | 二维数字图像相关法原理介绍 — 以开源算法Ncorr为例...-程序员宅基地

文章浏览阅读2.5k次，点赞2次，收藏9次。原文链接 2D-DIC | 二维数字图像相关法原理介绍 — 以开源算法Ncorr为例mp.weixin.qq.com欢迎各位朋友关注数字图像相关法DIC小站，本小站公众号旨在推广数字图像相关法的研究和应用。【引言】数字图像相关法（DIC）是一种利用在物体表面喷涂随机散斑，通过在物体变形前后的散斑图像中精确匹配对应点，测量变形位移等数据的非接触式光学测量方法。相比其它传统的接..._a 117 line 2d digital image correlation code written in matlab

3-位图的使用场景_redis 存储字节流-程序员宅基地

文章浏览阅读625次。1、二进制安全redis只存储字节流，与外界交互，存取都是字节流，只要双方客户端有统一的编解码，数据就不会被破坏。redis拿的是字节流，编码是一个字符一个字节redis-cli --raw 连接redis服务，并触发编码器的格式化。如果不格式化，redis只会识别ASCII码的，超出ASCII码，则显示为16进制2、位图的使用场景2.1、场景一：统计一段时间内用户的登录天数如果用数据库实现创建表，用户每笔登录都产生一行记录，然后登录登录时间，还有其他数据也需要记录。MySQL数据_redis 存储字节流

postman发送xml请求_postman xml请求-程序员宅基地

文章浏览阅读9.9k次。<?xml version="1.0" encoding="utf-8"?><soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/"> <soap:Header> <MyS.._postman xml请求