一张纸上散落着几十个小点,每个点旁边都有一个数字。
从 1 连到 2,再连到 3......一条线慢慢延伸,最后出现了一只小动物,或者一架准备出发的小火箭。
小时候玩过的数字连点画,现在也可以自己制作了。
最近,我做了一个小工具,叫 "数字连点画工坊" 。选一张轮廓图,填上孩子的名字,设置好点数,就能生成可以打印的题册和答案。

软件实际生成的数字连点题,按编号依次连线
前面,我们已经做过动漫转线稿、让孩子画的小人动起来,以及迷宫练习册。这次想继续做一点能从电脑里走出来,变成纸上游戏的东西。
几张纸、一支铅笔,就可以开始一场小小的创作。
先选一个喜欢的图形
软件自带了六个示例:小鱼、火箭、五角星、小猫、小汽车和蝴蝶。
第一次打开,程序会先展示小鱼示例。点击"自带示例",就可以把其他图形也载入,勾选几张,做成一本小题册。
题册标题可以自己起,比如"今天,连出一个小世界""小星的数字探险""周末连点挑战"。姓名会印在题目页上;也可以留空,打印后让孩子自己写。

数字连点画工坊界面:左侧选择轮廓与参数,右侧预览和编辑
点数、字号,都可以自己调整
当前版本每题可以设置 8~160 个点 ,编号字号可以在 7~18 之间调整,圆点大小也能修改。
刚开始,可以先用简单图形、较少的点试一试。孩子熟悉以后,再增加点数,或者换一个轮廓更丰富的图形。
这里没有把某个点数固定对应某个年龄。同样是 40 个点,图形的弯曲程度、点之间的距离、编号是否容易辨认,都会影响实际体验。
还可以修改起始数字、反向编号。对于闭合轮廓,可以调整从轮廓的哪个位置开始编号。
每册最多生成 40 道题,每张 A4 纸放一道题,留出连线和涂色的空间。
编号挤在一起?可以直接拖一拖
做这种小工具,有一个细节很容易被忽略:点能排出来,数字却可能挤在一起。
所以,这版加入了自动编号避让。程序会尝试把数字放在点的不同方向,尽量减少重叠。
复杂图形仍然可能有拥挤位置,软件会提示编号框的重叠对数。可以减少点数、调小字号,也可以在预览里直接修改:
- 选择 "拖动编号" ,移动数字的位置。
- 选择 "拖动圆点" ,微调轮廓上的点位。
- 点击 "重排编号" ,根据当前点位重新安排数字。
- 点击 "还原本页" ,重新生成这一页的点与编号。
把不舒服的地方调顺,再打印,孩子拿到的题目也会更清楚一些。
题目给孩子,答案留给家长
点击"导出题册+答案 PDF",会同时得到题册和答案两份文件。
答案页用灰色线条按编号依次连接,和题目一一对应。闭合轮廓会连接最后一个点与第一个点;开放轮廓则连到最后一个点结束。

与上面题目对应的答案,灰色线条展示实际连点结果
题目和答案使用同一组实际点位。 手动调整圆点或编号后,导出的两份文件也会使用调整后的数据。
连完以后,还可以继续涂色、加上背景,或者给画出来的小动物编一个故事。一张连点题,也可以变成一张自己的作品。
第一次使用,按这几步就够了
第一步:完整解压,打开程序。
把运行包解压到一个可写文件夹,双击 ConnectDots.Workshop.exe 或 启动.cmd。请保留随包的 assets 和 licenses 文件夹。
运行需要 Windows x64 和 .NET Framework 4.8。软件在本地使用,不需要配置 Python、下载模型,也不需要显卡推理环境。
第二步:选择图形,填好题册信息。
先用自带示例最方便。勾选想要的图形,填写标题、姓名,设置点数和字号。
第三步:生成,看看题目和答案。
点击"生成题册 / 应用设置",在右侧切换题目、答案和页码。如果某个编号位置不合适,就拖动调整。
修改左侧参数后,需要重新生成才会应用新设置;重新生成也会重置手动调整,因此建议先定好参数,再精修编号。
第四步:导出或打印。
导出 PDF 后,可以点击"打开输出目录"找到文件。没有连接打印机,也能先把文件准备好,之后换一台电脑打印。
软件也支持直接打印当前的题目或答案类型,并选择页码范围。建议使用 A4 纵向,先试印一页,确认字号、边距和缩放合适,再打印整册。
需要单张图片时,可以保存当前页为 约 300 dpi 的 A4 PNG。
喜欢的一套题,可以保存下来继续改
每次导出,默认会在程序目录下的 工作区 中新建一个独立题册文件夹,里面有:
题册.pdf:给孩子使用的题目。答案.pdf:逐页对应的连线结果。连点画工程.dots.json:可再次打开的工程。生成记录.txt:本次输出的简要记录。
工程保存了轮廓、点位、编号位置和题册设置。以后打开工程,就能继续调整、导出和重印,无需重新寻找原 SVG 文件。
也可以单独点击"另存工程",把正在编辑的版本留下来。当前版本的已有成品不覆盖,另存工程或 PNG 时请使用新文件名。
想换成自己的素材,需要准备什么?
当前版本以 SVG 轮廓图 为输入,支持单文件、多文件选择,也支持导入文件夹第一层的 SVG。
SVG 可以简单理解为用线段和曲线描述图形的文件。对于连点画,轮廓清楚、细节适中的图形通常更容易做出好玩的题目。
如果图里有许多独立路径,比如身体、眼睛、嘴巴分别是一条轮廓,软件会把它们列出来供选择,每条轮廓单独生成一道题。可以只勾选适合连点的主体外轮廓。
复杂 SVG 建议先在绘图软件里简化、转成路径,去掉不需要的小装饰。照片自动提取轮廓留待后续扩展;现在可以直接从六个自带示例开始玩。
这些小点,是怎么排出来的?
软件参考了开源项目 Connect The Dots Generator 的布点与交互思路,并用 C# 做成独立桌面程序。
程序先把 SVG 的曲线转成足够细的轮廓线段,应用图形变换,再按比例放进 A4 页面。随后,根据轮廓长度安排点位,并优先保留星角、车顶等明显拐角,让连线后的形状更容易辨认。
编号会在多个候选位置之间寻找较少重叠的安排,最后仍然保留人工微调的空间。
屏幕预览、PNG、打印和 PDF 共用同一套页面排版。PDF 中的 圆点、连线和数字编号采用矢量输出;中文标题、姓名等说明文字用无损字图保存,方便在其他电脑上查看。中文部分不是可复制、搜索的字体文本。
上游项目:cuSTEMized / Connect-The-Dots-Generator(github.com/cuSTEMized/... MIT 许可和来源记录。
给开发者:完整 VS2022 源码也整理好了
程序采用 C# + .NET Framework 4.8 + WinForms ,保留 .Designer.cs 和标准控件,方便继续调整界面、增加题型。
SVG 几何读取、布点、编号避让、工程保存和页面输出都在独立源码目录内。编译不依赖同级其他项目,也不需要下载 NuGet 包。
使用 VS2022,安装 .NET 桌面开发及 .NET Framework 4.8 SDK/目标包后,打开解决方案,选择 Release | x64 即可编译。
首版 r1 的运行压缩包约 210 KB ,完整源码压缩包约 880 KB,均不包含 .NET Framework 安装程序。后续版本的大小以实际发布文件为准。
默认路径以程序所在目录解析,移动整个文件夹后,自带素材和工作区仍能按相对位置定位。也欢迎把这里的题册排版和打印思路,用到自己的练习册、涂色页或手工素材工具中。
我做这些小工具的想法一直很简单:让代码产生的结果,能成为生活里一点具体的乐趣。
给孩子选几张图,打印出来,陪着从第一个点连到最后一个点。等图形出现,再给它涂上颜色,写上自己的名字。
这样的一个小作品,也很值得留下来。
想体验软件、交流源码,欢迎加入:
QQ 交流群:天天代码码天天
群号:264292622
也欢迎分享给身边的家长、老师,以及喜欢做有趣小工具的朋友。