BEAD / STUDIO 拼豆图纸转换器产品系统

玩拼豆的人拿到一张喜欢的图，往往要手工数格子、对色号，一张 32×32 的图纸能耗掉一两个小时。这个工具面向手工玩家的日常需求：把任意图片转成能照着摆的拼豆图纸。纯前端运行，图片不上传服务器，打开网页就能用，手机同样可用，处理全程在本机浏览器里完成。

1、图片转图纸：拖入或选择图片，设定图纸宽高（2–300 格），选居中裁剪或拉伸填充，一键生成格子图。
2、色号匹配：内置 Perler 常用色号与 Artkal 近似映射，输出每格色号与每种颜色的颗数统计，接近白色的背景自动留空。
3、连通性补齐：有色区域被背景分割时自动补最短连接路径，保证图纸是一整片。
4、导出：带完整色号标签的 PNG、打印／PDF 预览、可再次导入的 JSON 存档。
5、分享链接生成器：生成带有效期的工具链接（永久／30 分钟／1 小时／24 小时／自定义），对方打开后可上传自己的图片使用整套工具。

我独立完成转换算法、界面与部署。
技术栈：原生 HTML/CSS/JavaScript，无框架无依赖，Canvas 做像素化与绘制；部署提供 Vercel 静态托管与阿里云函数计算两套方案，deploy-fc 内含 s.yaml 与 handler。
难点：一是颜色量化，简单最近邻会出现大面积色块断层，改成按色卡加权匹配并限制色号数量，成品更接近实物；二是连通性补齐要在不改变原有色块的前提下补最短路径，写成独立的图搜索再回填。