SVG绘图转换

技能简介

svg-draw 通过纯文本编写 SVG 代码生成矢量图像，并调用系统 rsvg-convert 工具转换为 PNG 格式。无需依赖 PIL、ImageMagick 等外部图形库，适合快速制作自定义插画、头像或标识。

能做什么

• 从零编写 SVG 代码创建原创图形
• 基于现有模板（龙、龙虾等）修改生成个性化图像
• 将 SVG 文件批量转换为 PNG 位图
• 制作社交媒体头像、聊天机器人形象、简单 Logo

使用说明

安装准备

本技能依赖系统已安装的 rsvg-convert 工具，请确保运行环境包含该组件。技能文件位于 /root/.openclaw/workspace/skills/svg-draw/。

新建绘图

1. 选择模板：查看 assets/ 目录下的 dragon_template.svg 或 lobster_template.svg
2. 编写 SVG：直接输出文本内容到 .svg 文件，必须包含 xmlns 命名空间和 viewBox 属性
3. 添加背景：插入 <rect> 元素避免透明背景问题
4. 执行转换：调用脚本生成 PNG

转换命令

/root/.openclaw/workspace/skills/svg-draw/scripts/svg_to_png.sh input.svg output.png [宽] [高]

默认输出尺寸为 400×400 像素，可自定义宽高参数。

输入与输出

见下方输入与输出表格。

风险提示

• rsvg-convert 未安装时转换步骤会失败
• 缺少 xmlns 属性的 SVG 可能在部分渲染器显示异常
• 复杂路径代码量过大时建议拆分图层
• 透明背景若未处理可能在深色界面不可见

来源信息

原始链接：https://github.com/openclaw/skills/tree/main/skills/lijy2015/svg-draw/SKILL.md
来源类型：GitHub 仓库