做一个完整单文件 HTML「礼盒纸样设计与A4拼接打印」,把用户的一份礼物变成可以在家打印、裁切与折装的个性礼盒。它是可持续使用的纸样工坊:用户带着实物的三边和自己的图形进入,离开时带走能按毫米打印的纸样,以及下次可继续编辑的完整方案。 交付只有一个清晰入口 index.html,可直接本地双击,核心离线。不把项目、安装、命令行和服务器交给用户。制作阶段可以使用与打包成熟资源,运行字体、渲染资源和印记图像全部内嵌。保持已有 AppModel、AtelierBridge、方案册和旧方案回读接口。 围绕“礼物尺寸 → 盒面设计 → 同一盒子的展开与折起 → 家用打印”做完整流程。默认礼物 150 × 95 × 55 mm,每侧余量 2 mm,纸厚 0.6 mm,四角粘边 20 mm,前插舌 24 mm,连盖一体盒;折线盒尺寸 154 × 99 × 59 mm,展开纸样 272 × 340 mm。纸样由尺寸推导出底、四壁、连盖、插舌和四个粘角,裁切线、共享压痕边与粘贴区域须真正连通。尺寸改变后纸样、盒体、打印和统计立即属于同一有效方案。 使用米白、暖纸色与少量陶土色做真正的工作台。桌面左侧是紧凑的尺寸/设计/打印操作区,右侧是持续可看的纸样与盒体;主画面不要被长表单推到屏幕上方。双视图、只看纸样和只看成盒可以切换,窄屏优先聚焦一个主要画面,下一步操作仍易找到。纸盒呈现真实厚度、内外面、折线、遮挡、接触阴影与柔和工作室光;拖动旋转和镜头按钮都能用。视觉的表现力要帮助理解同一张纸如何变成盒子。 尺寸从用户实际测量开始,提供首饰小物 70 × 50 × 28 mm、手作香皂 90 × 65 × 30 mm、咖啡茶点 150 × 95 × 55 mm 等可编辑起点。余量、纸厚、粘边与插舌可调;插舌不能超过折线盒高减一层纸厚,粘边不能超过折线长的三分之一。无效输入保留此前有效方案,显示具体原因,不悄悄缩放实物或改坏纸样。 盒面有主文案、副文案、纸色、文字色、印记色和少量成套图案。用户可以导入自己的 PNG、JPG、WebP 图形:明确转为单色印记,深色笔画保留、浅色背景透明,最长边压到 512 px。图形数据内嵌在方案中,不能存临时 blob 地址;验证失败不破坏当前设计。导入后在二维纸样上直接拖动印记,保持纵横比、限制在盒盖上,也有大小与百分比位置的精确输入。2D 外印面上文字倒转,实际折起后正向可读;3D、SVG 与打印必须呈现同一图形、颜色、位置和朝向。拖动的连续预览与撤销历史分开处理,一次手势只是一项撤销;取消手势恢复手势前状态。 让家用 A4 打印成为主要成果。默认纸样放不进 A4 时,应提供真实 1:1 的分张打印 HTML,而不是缩小到纸内。每张为 210 × 297 mm,打印区域 190 × 273 mm,重叠 10 mm;按行列编号并标出拼接边、裁边与邻页。默认方案应拆成 2 行 × 2 列、4 张 A4。分张预览展示裁拼关系,下载文件自含文字、图案、字体与校准尺,不依赖原页面;其中的打印按钮调用浏览器打印,CSS 设 A4 实际尺寸,并明确关闭适合页面和页眉页脚。先量 50 mm 校准尺,再打印正式纸材;大于 64 页的任务给出明确替代整张大纸 SVG,不能悄悄改变比例。 保留整张工艺纸样 SVG、彩印 SVG 与按需画幅 SVG。工艺纸样含真实毫米单位、裁切、压痕、粘贴区、尺寸和校准尺。单张纸不够时禁用该纸张的完整 SVG 导出并说明所需尺寸;仍允许按需画幅与 A4 拼接。原始设计和分张打印都从同一有效状态推导。 提供从打印裁切、压痕折壁、粘合四角到装入合盖的四步引导。点击步骤时显示相关盒体状态与简短工序说明,用户能在实际折装中回看;自由折起、开盖、动画和镜头操作保留。打印之后外印面朝下折,粘角贴前后壁内侧,插舌闭合;不把连续统一折叠动画夸成真实工序或纸纤维物理模拟。 方案 JSON 是完整可恢复数据,包含新图形与布局,兼容没有自定义印记的旧方案。保存、回读、撤销、重做和版本册都能持续工作;读取时验证 PNG 数据、尺寸、颜色和几何范围,异步读取期间有新操作则不覆盖新状态。保留 WebGL 失败时二维、计算和导出的可用路径。先用自己的 90 × 65 × 30 mm 礼物、新的文案与图形完成一次任务,保存再恢复,并检查真实下载的 SVG 和 A4 打印 HTML;模型单位、纸样覆盖、浏览器画面与实际打印是不同验证,准确报告完成的证据。 随附简明 readme.txt,只说明入口、第一次动作、编辑和打印、怎样保存,以及当前盒型未计弯折补偿与量产公差。实现完成后给完整文件,展示真实成品截图,别只交设计报告或大量通用质量宣言。