SVG 符号拼接工具
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_800d68d6/svg-composer
技能介绍
解决什么问题
在生成密码本、验证码、徽章或复合图标时,常需要把已有 SVG 符号按顺序、排列或组合拼成新的矢量图。手工复制 path、调整坐标和画布容易出错,而且批量组合时很难快速得到可下载的预览。svg-composer 面向这类拼接任务,输入文本或外部符号,直接输出 .svg 字符串/文件。
工作方式
- 内置字符集:基于 Font Awesome Free 提供
0-9与A-Z,小写自动转大写,仅 36 个字符。 - 四种拼接模式:顺序、全排列、笛卡尔积、限制长度;笛卡尔积受
≤5输入且length ≤4约束。 - 自定义符号:从用户提供的
.svg文件加载有效path data进行拼接。 - 批量预览:可调用
generate_preview_html()生成内联预览页,无服务器依赖。
关键步骤是输入文本、选择模式和方向,再指定 black/white 颜色与 horizontal/vertical 布局,最终生成 SVG 文件;若总长度超过画布会自动等比缩放。
适用边界
- 仅输出 SVG,不支持 PNG/JPG 导出。
- 适合符号拼接,不适合画线框图或任意矢量绘图。
- 需要 Python 3.7+ 与
svgpathtools依赖。
使用场景
- 设计需要把 0-9 字符按全排列拼成 SVG 密码本页面,并导出单个文件。
- 前端要把多个外部 SVG 图标按横向模式合成一个徽章,并生成 HTML 预览检查。
- 测试需要把 A-Z 和数字做笛卡尔积组合,限制长度生成验证码候选 SVG。
- 运营要把内置字符按顺序纵向拼接,输出黑白两色 SVG 用于线下物料。
适合人员
- 制作验证码或密码本的视觉设计师:需要把字符按全排列、限制长度拼成可交付 SVG。
- 开发 SVG 图标组件的前端工程师:要把多个外部 SVG 符号合成复合图标并生成预览页。
- 准备线下徽章或 Logo 素材的产品经理:要把内置字符按顺序或笛卡尔积组合成矢量图。
- 维护批量图形生成脚本的 Python 工程师:需要调用拼接函数输出 SVG 文件与 HTML 预览。