便签墙
把多行文本排成一张便签墙布局：软木、暗棕、工坊三种主题配色，自动分行分列并给每张便签确定性的位置、角度与色调，输出可直接渲染的坐标数据。
浏览器本地运行所有计算都在你的浏览器里完成，数据不会离开本机。
便签内容
便签布局
JSON 坐标，可直接渲染。
输入便签内容后即可排版
便签数: 0 · 空便签: 0 · 画布宽: 0 · 画布高: 0
这个工具能做什么
- 把一周的待办粘成一张便签墙，截图发群里当看板，比长列表更好读。
- 做头脑风暴记录：把零散想法一行一条，直接得到带角度和色调的便签排版。
- 写复盘或灵感板时，先在这里排出布局，再把坐标喂给画布或 SVG 渲染。
- 换个主题看效果：软木适合手账风，暗棕适合夜间展示，工坊洞洞板适合技术味。
示例
输入
写周报 买牛奶 复习日语 给妈妈打电话
输出
{"theme":"cork","noteW":180,"boardW":1200,"boardH":900,"notes":[{"id":"note-1","text":"写周报","x":18,"y":18,"w":180,"h":140,"rot":4.4,"tone":"#fdf3b3"},{"id":"note-2","text":"买牛奶","x":205,"y":18,"w":180,"h":140,"rot":2,"tone":"#ffeaa7"},{"id":"note-3","text":"复习日语","x":403,"y":18,"w":180,"h":140,"rot":-2.6,"tone":"#fff8d6"},{"id":"note-4","text":"给妈妈打电话","x":596,"y":19,"w":180,"h":140,"rot":-2.7,"tone":"#f6e58d"}],"stats":{"notes":4,"empty":0,"width":1200,"height":900}}位置与旋转角由「主题+尺寸+文本」哈希出的确定性随机源生成，同样输入永远得到同一张墙。
常见问题
便签的位置是随机的吗？
是确定性的伪随机。种子由「主题 + 便签宽度 + 画布宽高 + 全部文本」做 FNV-1a 哈希得到，再用 mulberry32 生成序列，所以同一份输入和选项永远得到完全相同的坐标，方便截图对比与写测试。
为什么有的便签会重叠？
布局按「每行可容纳的列数 = (画布宽 − 左右内边距 + 间距) ÷ (便签宽 + 间距)」向下取整分行，抖动幅度不超过一个间距，所以同一行的便签不会重叠；但如果画布高度不够，最后几行的 y 会被夹到画布内，可能出现纵向叠压。加高画布或减少便签数即可。
主题都改了哪些东西？
三套主题各自定义了色调数组、内边距、便签间距和默认高度：软木用暖黄系，暗棕用深棕系，工坊洞洞板用浅灰绿系。颜色和留白都不同，坐标算法完全一致。
空行怎么处理？
空行仍然占一张便签，文字显示为「（空）」，统计里会单独计数。这样你在文本里留的空位不会让后面的便签整体前移。
数据会保存到服务器吗？
不会。布局计算全在本地完成，输出就是一份 JSON，你可以自己存到 localStorage 或文件里。
关键词：便签墙sticky board软木板便签布局sticky notes灵感墙看板