制作一个名为“抽屉分隔板设计”的米白风格单HTML本地工具。用户只知道抽屉内宽、内深、净高、实测板厚,希望快速定制可插接收纳格栅,试放自己的文具、工具和零件盒,拿到正确板件与切割矢量。
把“编辑格子”作为关键机制:毫米净尺寸与直接拖动同步,自动计算相交槽口,不让用户逐块画板和手抄坐标。使用两个方向全跨半搭接结构:A前后板从上开槽,B左右板从下开槽,两者槽深均为板高一半;长度扣除两端边隙。至少每向一板保证格栅连接。槽宽由实际板厚和可编辑余量决定;提供同工艺试插小样。
用固定版本Three.js内嵌构建真实厚度、互补开口的板件,平面、三维、爆炸、清单、SVG共享同一轮廓。三维提供旋转、缩放、平移和复位;物品按自定义长宽高包络展示,支持拖动、尺寸编辑、90度旋转、超高/跨板/碰撞检查及解释失败的寻找位置。明确保守包络不是实物识别或强度模拟。
提供每块板的编号、长度、高度、厚度、槽方向、槽宽深、槽中心距端头;按用户原料幅面留边和间隙排版,越界阻止切割包。导出真实1:1毫米SVG闭合路径、CSV、JSON及ZIP,切割SVG不混入文字或重复线。写明文件为成品名义轮廓,加工方按切缝补偿一次,先切小样;不承诺未经实际试装的卡紧效果。
可保存/回读自己的方案,捕获错误导入,不破坏原有效数据。连续拖动可一次撤销,精确输入与撤销重做正确更新下游。下一个抽屉复用板材、配合、原料参数及格子比例,并清空旧物品。
米白底、木色物品、暖棕分隔线;主画面突出比例和可直接编辑对象,左右放尺寸与物品/输出。不要用营销首屏替代工作台。所有运行资源内嵌,不依赖CDN、fetch相邻资源、命令行或用户安装。
用非默认525×415抽屉和第二个640×390抽屉验证几何、恢复和成果。对槽面积、半槽互补、净宽守恒、物品旋转/碰撞、SVG毫米/闭合/边界进行独立检查,并独立解码输出ZIP。原生浏览器检查实际视图和完整操作链;准确区分HTTP、file://、真实下载落盘和物理装配证据。
净尺寸放在画布外独立读数栏,不让物品矩形遮住关键数字。页头固定显示下载切割包入口,与原料可切状态同步禁用。CI验证采用同步Python Playwright verify(page,base,output),实际下载后用zipfile、XML、CSV独立检查,并验证第二抽屉和保存回读;禁止本地替代浏览器自动化运行。