输入就有图纸
支持中英文与换行，8 款字体、三档字重，字号、字距、行距连续可调，横排、竖排、自由三种排列实时生效。
文字转拼豆（网页版）
在浏览器里输入文字（1–8 个字最清晰），选好字体、画布尺寸与拼豆品牌，就能实时得到一张带网格和色号的拼豆文字图纸。颜色与图层的生效范围可选「全部文字」或「选中的字」——默认整体生效，在画布上点一个字即可单独调它的颜色、渐变、描边与投影；切到自由排列还能拖动位置。生成后能用画笔逐格精修，并导出 PNG、SVG、Excel 或材料清单。文字与颜色只在本地处理，不上传服务器。
网页版能做什么
按字配色
颜色与图层默认对全部文字生效；点画布上的字块即可切换成只改这一个字，主色、渐变、描边、投影都能单独设，回到「全部文字」继续统一调整。
复古像素效果
主色可做双色渐变，描边 1–2 格，立体投影支持 8 个方向与 1–10 格距离，也能给整块画布铺底色。
导出直接照拼
图纸 PNG 按当前显示设置导出，网格、标尺、格内色号与拼豆 / 像素样式都可带上；另可导出矢量 SVG、Excel 材料清单或复制纯文本清单，草稿自动保存在浏览器本地。
这篇只介绍网页版。想用手机做文字图纸、查看逐字分层编辑的完整流程，请看文字转拼豆。
网页版怎么用
- 输入：在左侧输入文字，支持中英文与换行，1–8 个字最清晰；画布空白时点「填入「拼豆搭子」」可一键套用示例。
- 设置：选择排列方式、字体、字重、字号、字距与行距，设定画布尺寸与拼豆品牌，再调主色、渐变、描边、投影与底色。
- 按字配色：颜色与图层上方可选生效范围，默认「全部文字」；在画布上点一个字就切到「选中的字」，此时主色、渐变、描边、投影只作用于该字，点空白处或选回「全部文字」可继续整体调整。
- 逐格：用画笔、橡皮、填充、取色在画布上修整；橡皮支持按格、连续同色与全局同色，填充支持连续区域与全局替换，最多可撤销 40 步。
- 导出：导出图纸 PNG、矢量 SVG、Excel 材料清单，或复制纯文本清单；草稿存在浏览器本地，误关页面可恢复。
参数都怎么调
网页版面向电脑大屏，文字样式与颜色图层参数逐项可调。下面是完整说明。
| 参数 | 网页版 |
|---|---|
| 文字内容 | 支持中英文与换行，1–8 字最清晰；示例词一键填入，多行文字需同步加高画布。 |
| 字体与字重 | 五款像素字体（Cubic 11、Press Start 2P、VT323、Pixelify Sans、Silkscreen）与中文黑体、宋体、楷体；字重分细、常规、加粗三档。 |
| 字号与间距 | 字号 6–60 颗豆；字距 −4～+10 颗豆，行距 −4～+20 颗豆，按整数格实时排版。 |
| 排列方式 | 横排逐行居中、竖排逐列排列、自由拖动三种；切换排列方式会按新方式重新排版并清零手动偏移，要微调就先切到自由再拖。 |
| 生效范围 | 「全部文字」为默认，所有颜色图层设置作用于整段文字；在画布上点某个字后切到「选中的字」，主色、渐变（开关 / 结束色 / 方向）、描边（开关 / 颜色 / 1–2 格）、投影（开关 / 颜色 / 方向 / 1–10 格）只改这个字，未单独设置的项目继续跟随整体。 |
| 画布尺寸 | 29×29、52×52、64×64、78×78、104×104、120×120 六档正方预设（默认 104×104）；宽度 20–200 格、高度 10–120 格也可自由调整，文字超出画布时提示并给出一键自动放大。 |
| 拼豆品牌 | MARD 221 色、COCO 291 色、Artkal 221 色，共 733 个真实色号；换品牌时自动近似替换，字形与排版不变。 |
| 颜色与图层 | 文字主色必选；可开启双色渐变（垂直 / 水平）、文字描边、立体投影（8 个方向、距离 1–10 格）与全幅底色，自上而下按层叠加。 |
| 画布工具 | 选择 / 拖动字块（V）、画笔（B，1–4 格）、橡皮（E，1–4 格，按格 / 连续同色 / 全局同色）、填充（F，连续区域 / 全局替换）、取色（I）、拖动画布（H，或按住空格 / 鼠标中键）；Ctrl+Z 撤销、Ctrl+Shift+Z 重做，最多 40 步。 |
| 显示与缩放 | 色号、网格线与标尺可分别开关，预览样式可切拼豆 / 像素两种；镜像显示默认关闭，需要照镜像图拼时再打开；画布缩放 60%–600%，支持滚轮缩放与一键居中。 |
| 状态栏 | 画布下方实时显示画布尺寸、用色数、拼豆品牌、总颗数、当前字号与光标所在格的 X / Y 坐标。 |
| 导出与保存 | 图纸 PNG（按当前显示设置带上网格、标尺与格内色号）、矢量 SVG、Excel 材料清单、纯文本清单；草稿自动保存在浏览器本地，重新打开可恢复。 |
适合谁用
- 要把名字、昵称、祝福语做成钥匙扣、挂件或桌面摆件。
- 需要复古像素风的立体字效果，想给不同的字配不同颜色。
- 想在电脑大屏上放大到 600% 检查每一颗豆，并逐格修补。
- 需要打印图纸，或要 SVG、Excel 材料清单做二次处理。
和手机端怎么分工
网页版专注文字转拼豆，免安装、参数更细、可导出 SVG 与 Excel；小程序版在微信里打开，输入文字后同样支持逐字分层编辑与自由拖动，还能直接进入编辑器精修、从作品集管理图纸。两版共用同一套 733 个真实色号。
想用手机做文字图纸，查看文字转拼豆。
生成的是「图纸」，不是成品拼豆。照着图纸和材料清单备料、拼装、熨烫，才是拼豆的乐趣所在。
关于「网页版文字转拼豆」常见问题
网页版文字转拼豆需要安装或登录吗？
都不需要。用 Chrome、Edge、Safari 或 Firefox 等现代浏览器打开网页版工具，输入文字就能实时生成图纸，文字与颜色全部在浏览器本地处理。
输入多少字最清晰？
1–8 个字最清晰。工具支持中英文与换行，字数过多或画布偏小时会提示加高画布，也可以一键放大画布或调小字号。
能让每个字的颜色都不一样吗？
能。颜色与图层默认对全部文字生效，在画布上点一个字就切换为只改这个字，主色、渐变、描边与投影都能单独设置；切到自由排列还能拖动位置，点空白处或选回「全部文字」可继续整体调整。
文字超出画布怎么办？
工具会提示文字超出画布，并提供一键自动放大；也可以手动调整画布宽度（20–200 格）与高度（10–120 格），或减小字号、字距与行距。
支持哪些字体？
内置 Cubic 11、Press Start 2P、VT323、Pixelify Sans、Silkscreen 五款像素字体，以及中文黑体、宋体、楷体三种系统字体；中文系统字体依赖设备字库，不同系统上的字形可能略有差异。
支持哪些色号与画布尺寸？
内置 MARD 221 色、COCO 291 色、Artkal 221 色共 733 个真实色号，换品牌时自动近似替换；画布提供 29×29 至 120×120 六档正方预设（默认 104×104），也可在 20–200 × 10–120 格范围内自由调整宽度与高度。
可以导出哪些文件？
可导出带网格与格内色号的图纸 PNG、矢量 SVG、Excel 材料清单，并支持一键复制纯文本清单；PNG 按当前显示设置导出，方便直接打印照拼。
关闭页面后文字会丢失吗？
工具会把草稿自动保存在浏览器本地，重新打开页面时可选择恢复；也可以手动点「保存草稿」。文字、颜色与草稿都不会上传服务器。
最多可以撤销多少步？
文字、样式、按字配色与逐格修改都计入撤销记录，最多可撤销 40 步；支持 Ctrl+Z 撤销、Ctrl+Shift+Z 重做。