JigsawDesigner

JigsawDesigner 帮助

生成拼图切割线

选择闭合边界和卡槽模板,设置网格、目标片数与距离参数,再检查生成的 SVG。

准备输入几何

使用闭合外边界定义拼图区域。保持目标边界可见且未锁定,并移除不应参与生成的几何。

选择卡槽模板

在模板面板中选择内置或自定义卡槽模板。当前高亮的模板会作为连接轮廓传给生成器。

设置画布与生成参数

未选中对象时,右侧检查器显示整个项目的设置。图中的数值属于演示项目,并非推荐默认值。

  1. 项目信息

    查看和编辑项目名称、创建日期和修改时间。

  2. 画布设置

    以像素为单位设置画布宽度和高度,或从预设尺寸中选择(A4、A3、Letter 等)。

  3. 生成网格

    Grid Size 控制生成算法的网格细分,与编辑器中可见网格的间距是两种设置。

  4. 目标拼块数

    Piece Count 设置希望生成的数量。外轮廓和生成条件会影响最终数量。

  5. 卡槽距离范围

    Slot Min / Max Distance 决定哪些长度的边段可以插入卡槽;范围外的边段保留直线。这两个数不是切缝宽度,也不是拼块之间的间隙。

  6. 项目操作

    访问高级设置和生成拼图按钮。

画布尺寸以像素计量,实物尺寸需在制作软件中检查。Shape Count 统计顶层图形对象,不是最终拼块数。

iPhone

设置画布与生成参数

取消画布上的对象选择,再从底部打开属性面板,即可设置画布与拼图生成参数。

  1. 画布设置

    画布尺寸以像素计量,实物尺寸需在制作软件中检查。Shape Count 统计顶层图形对象,不是最终拼块数。

  2. 生成网格 · 目标拼块数

    Grid Size 控制生成算法的网格细分,与编辑器中可见网格的间距是两种设置。 Piece Count 设置希望生成的数量。外轮廓和生成条件会影响最终数量。

  3. 卡槽距离范围

    Slot Min / Max Distance 决定哪些长度的边段可以插入卡槽;范围外的边段保留直线。这两个数不是切缝宽度,也不是拼块之间的间隙。

运行生成并检查 SVG

以 Website Demo Wave 卡槽模板和圆形轮廓为例,对照生成前后的效果。 运行生成并等待进度完成。生成结果会作为命名分组返回。放大检查边界和连接,查看图层,必要时调整输入后重试。

1生成前

2生成后

  1. 生成前

    导入或绘制一个有效的闭合外边界,然后只保留用于生成的可见、未锁定几何。

  2. 设置画布与生成参数

    使用『检查器』设置网格大小、拼图块数量和卡槽距离。这些参数控制生成切割线的密度和复杂度。

  3. 生成后

    运行生成器、检查结果,并在导出 SVG 前根据需要调整设置。

本例画布为 800 × 600 px,目标 100 块,Grid Size 为 10,卡槽距离为 10–50。生成后检查新分组和连接效果,再继续调整或导出 SVG。这组截图说明操作流程,不作为速度测试。

iPhone

把模板用到作品里,检查生成结果

对比同一闭合三角轮廓的生成前后,再到图层面板查看可继续编辑的路径。

1生成前

导入或绘制一个有效的闭合外边界,然后只保留用于生成的可见、未锁定几何。

2生成后

准备好闭合外轮廓和生成参数后,点击右上角的拼图按钮。

本例画布为 800 × 600 px,目标 100 块,Grid Size 为 10,卡槽距离为 10–50。生成后检查新分组和连接效果,再继续调整或导出 SVG。这组截图说明操作流程,不作为速度测试。

常见问题

生成失败怎么办?

先确认边界是有效闭合路径、卡槽模板有效,且目标密度适合当前轮廓。

是否一定得到精确目标片数?

应把片数视为目标输入,并检查实际生成结果。