前言又是每周总结了。笔者在之前的开源项目blink的基础上，开发了一个可以在线配置的glitchart，一键生成gif动画的平台，这里暂命名为QT。接下来笔者就来回顾一下可视化平台的实现步骤和功能点，方便大家制作自己的Gif动画生成平台。在线访问地址：趣图——一个轻量级的抖音风格动画文字在线生成工具开始写之前，先来看一下效果图：首先我们来拆解一下功能：图文编辑区——用来编辑动画styles,asktext等预览区-用于实时预览用户配置的动画效果结果显示区-用于存放生成的gif效果gif文件自动下载这里简单介绍一下背景：之后笔者打开了生成自定义毛刺美术的组件库Blink，发现如果要将毛刺动画放到第三方平台上，必须要使用第三方录屏软件，先录制动图，然后保存gif，然后传输到第三方平台。操作链接如下：作者受不了这么多步骤。一般在笔者的认知中，实现一个简单的东西通常需要3个以上。这一步是笔者无法接受的，尤其是录屏这种耗时的工作。于是三思而后行，决定自己开发一个平台，将步骤压缩为2步：OK，下面开始我们的技术探索。1.1开发图形编辑图形编辑区主要用于表格编辑。这里我使用antd来快速搭建一个简单的表单。唯一值得注意的是颜色成分。这里我用的是react-color，因为vue3.0对jsx的支持越来越好，所以实现原理和react很像，这里直接用react来举例。代码如下：placeholder="请输入文字内容"onChange={(e)=>onChange('text',e)}/>
