拼豆图纸生成器：图片一键转可打印拼豆图纸 - 网友作品 #000149

作品简介

身边朋友正好有把图片转成拼豆图纸的需求，作者便用办公智能体工具开发了这个网页版“拼豆图纸生成器”。上传或拖入图片、设定横向格子数（纵向按图片比例自动计算）后，工具自动把图片降采样成拼豆方格图；卡通图可按真实拼豆色板配色，照片可用智能量化，还能预览带中心孔圆珠和凹槽阴影的真实拼豆成品效果，最后按所选纸张规格导出打印图纸或 PDF。

核心亮点

图片一键转图纸：上传/拖拽即用，横向格子数自定，纵向按比例自动计算
三种配色模式：拼豆标准色板（映射 68 种真实拼豆颜色）、智能量化（K-Means 2–64 色）、原图降采样
专业色彩管线：4 倍超采样、CIEDE2000 感知色差匹配、众数投票降采样、可选 Floyd-Steinberg 抖动
洪水填充去背景：只清边框连通背景，不误删主体内部同色
像素级编辑器：画笔/橡皮/取色/填充/直线/矩形/批量替换，支持撤销重做与键盘快捷键
真实拼豆渲染预览：圆珠带中心孔与凹槽阴影，所见即所得
多纸张输出：SVG、4 倍分辨率 PNG、打印/存 PDF，可开关标题、图例、色号、网格线
配色图例自动统计每种颜色所需豆数，直接当买豆清单

技术与工具

技术形态：网页工具（编辑器页面 + 落地页），图片处理在浏览器中完成
开发方式：办公智能体工具（browser Skill）+ 国内顶级大模型
水平参考：零基础

开发过程

从朋友的真实需求出发，按“导入图片 → 生成方格图纸 → 像素微调 → 打印导出”的使用流程逐步实现，并引入业界标准的色彩处理做法（感知色差匹配、抖动等）来保证照片类图片的出图质量。

适用场景

拼豆手工爱好者自制图纸，照图买豆、按图拼豆
像素画、串珠等同类手工 DIY 创作，以及文创周边的个性化图纸定制

原始提交内容（点开查看，可复制全文去问 AI）

核心功能

图片一键转图纸：拖入或上传图片，自动按你设定的格子数降采样成拼豆方格图。
三种配色模式
- 拼豆标准色板：把每格映射到最接近的 68 种真实拼豆颜色，照图买豆不踩雷；
- 智能量化：K-Means 聚成 2–64 色（默认 24 色），适合照片；
- 原图降采样：保留照片质感，按步长合并颜色。
专业级色彩管线（业界标准做法）
- 4 倍超采样保留细节；
- CIEDE2000 感知色差匹配（人眼最准的色差算法）；
- 4×4 众数投票降采样，保边缘、防发灰；
- 可选的 Floyd-Steinberg 抖动，照片渐变更自然；
- 洪水填充去背景，只清边框连通背景，不误删主体内部同色。
像素级编辑器：画笔 / 橡皮 / 取色 / 填充 / 直线 / 矩形 / 批量替换 / 清空，搭配撤销重做与键盘快捷键（B/E/I/F/L/R、Ctrl+Z）。
真实拼豆渲染：带中心孔的圆珠 + 凹槽阴影 + 米色拼豆板背景，所见即所得地预览成品效果。
灵活的纸张与导出
- 纸张：A3 / A4 / A5 / A6、Letter / Legal、照片尺寸 4×6 / 5×7 / 6×8 / 8×10，支持纵向横向；
- 可开关：标题、配色图例、格内色号、网格线、拼豆板背景、豆子圆点风格；
- 导出 SVG（矢量无限放大）、PNG（4 倍分辨率），或 ** 打印 / 存 PDF**（按所选纸张精确排版）。
配色图例即采购清单：自动统计每种颜色所需豆数，直接当买豆清单用。
自适应缩放：25% ~ 200% 共 11 档，支持下拉直选、适应窗口、Ctrl+滚轮缩放。

快速开始

打开 make.html（编辑器）或 index.html（落地页）。
点击工具栏「导入图片」，选择一张图片。
设置横向格子数（纵向按图片比例自动算），选择配色模式：
- 卡通 / 动漫图 拼豆标准色板，不勾抖动；
- 照片 智能量化 24–32 色 + 勾选「平滑渐变」。
点击「生成」，在画布上预览。
（可选）用左侧工具栏微调颜色或细节。
点击「保存」导出 SVG / PNG，或「打印」生成 PDF 图纸。