SuperAPI AI 工具集

moai-tool-svg

通用与其它

查看项目

更新于 10-16 01:17

技能介绍

用途:面向 SVG 全流程开发,涵盖矢量图形创建、SVGO 优化、图标系统、数据可视化与动画,提供从基础形状到复杂动画的各类模式。

主要能力:基础 SVG 模板与可访问性标题/描述;矩形、圆、椭圆、线、折线、多边形等常用形状速查;路径命令(M/L/H/V/Z 及 C/S/Q/T/A 曲线)参考;填充与描边属性速查;defs、symbol 与 use 复用图形;线性/径向渐变;SVGO 命令行与配置文件优化;React 内联组件与 sprite 用法;文本与 textPath;滤镜、裁剪与遮罩;CSS 关键帧动画与描边绘制动画;性能优化建议(降低路径精度、符号复用、SVGZ 压缩)。

使用方式:安装 SVGO 可执行 npm install -g svgo;优化单文件 svgo input.svg -o output.svg;优化目录 svgo -f ./src/icons -o ./dist/icons;查看统计 svgo input.svg --pretty --indent=2;使用配置 svgo input.svg --config svgo.config.mjs。项目根目录可创建 svgo.config.mjs 配置 multipass 与插件。

适用场景:图标系统、数据可视化、动画图形、文档图表生成,以及与前端框架、UI/UX 设计系统集成。

限制:资料未提供具体收费、价格、平台支持范围与效果数据;部分高级用法需参考 modules 目录中的 svg-basics、svg-styling、svg-optimization、svg-animation 模块。