JigsawDesigner 帮助
生成拼图切割线
选择闭合边界和卡槽模板,设置网格、目标片数与距离参数,再检查生成的 SVG。
准备输入几何
使用闭合外边界定义拼图区域。保持目标边界可见且未锁定,并移除不应参与生成的几何。
设置画布与生成参数
未选中对象时,右侧检查器显示整个项目的设置。图中的数值属于演示项目,并非推荐默认值。
项目信息
查看和编辑项目名称、创建日期和修改时间。
画布设置
以像素为单位设置画布宽度和高度,或从预设尺寸中选择(A4、A3、Letter 等)。
生成网格
Grid Size 控制生成算法的网格细分,与编辑器中可见网格的间距是两种设置。
目标拼块数
Piece Count 设置希望生成的数量。外轮廓和生成条件会影响最终数量。
卡槽距离范围
Slot Min / Max Distance 决定哪些长度的边段可以插入卡槽;范围外的边段保留直线。这两个数不是切缝宽度,也不是拼块之间的间隙。
项目操作
访问高级设置和生成拼图按钮。
画布尺寸以像素计量,实物尺寸需在制作软件中检查。Shape Count 统计顶层图形对象,不是最终拼块数。
iPhone
设置画布与生成参数
取消画布上的对象选择,再从底部打开属性面板,即可设置画布与拼图生成参数。
画布设置
画布尺寸以像素计量,实物尺寸需在制作软件中检查。Shape Count 统计顶层图形对象,不是最终拼块数。
生成网格 · 目标拼块数
Grid Size 控制生成算法的网格细分,与编辑器中可见网格的间距是两种设置。 Piece Count 设置希望生成的数量。外轮廓和生成条件会影响最终数量。
卡槽距离范围
Slot Min / Max Distance 决定哪些长度的边段可以插入卡槽;范围外的边段保留直线。这两个数不是切缝宽度,也不是拼块之间的间隙。
运行生成并检查 SVG
以 Website Demo Wave 卡槽模板和圆形轮廓为例,对照生成前后的效果。 运行生成并等待进度完成。生成结果会作为命名分组返回。放大检查边界和连接,查看图层,必要时调整输入后重试。
1生成前
2生成后
生成前
导入或绘制一个有效的闭合外边界,然后只保留用于生成的可见、未锁定几何。
设置画布与生成参数
使用『检查器』设置网格大小、拼图块数量和卡槽距离。这些参数控制生成切割线的密度和复杂度。
生成后
运行生成器、检查结果,并在导出 SVG 前根据需要调整设置。
本例画布为 800 × 600 px,目标 100 块,Grid Size 为 10,卡槽距离为 10–50。生成后检查新分组和连接效果,再继续调整或导出 SVG。这组截图说明操作流程,不作为速度测试。
iPhone
把模板用到作品里,检查生成结果
对比同一闭合三角轮廓的生成前后,再到图层面板查看可继续编辑的路径。
1生成前
导入或绘制一个有效的闭合外边界,然后只保留用于生成的可见、未锁定几何。
2生成后
准备好闭合外轮廓和生成参数后,点击右上角的拼图按钮。
本例画布为 800 × 600 px,目标 100 块,Grid Size 为 10,卡槽距离为 10–50。生成后检查新分组和连接效果,再继续调整或导出 SVG。这组截图说明操作流程,不作为速度测试。
常见问题
生成失败怎么办?
先确认边界是有效闭合路径、卡槽模板有效,且目标密度适合当前轮廓。
是否一定得到精确目标片数?
应把片数视为目标输入,并检查实际生成结果。