BoxUnfolder

一个在线纸箱刀版图展开生成器 在线使用：https://jingguanzhang.github.io/BoxUnfolder/

📦 在线纸箱刀版展开图生成器

一个现代化的在线工具，用于生成标准纸箱的刀版展开图。输入纸箱的长、宽、高尺寸，即可快速生成准确的SVG格式展开图，适用于纸箱模切等生产工艺，生成的svg导入到AI、cdr软件中用于排版设计。

✨ 功能特点

• 🎯 精确尺寸：输入毫米尺寸，导出的SVG文件保持1:1的真实比例
• 🎨 现代界面：采用渐变背景和毛玻璃效果的现代化设计
• 📱 响应式设计：完美适配桌面端和移动端设备
• 🔄 实时预览：输入参数后立即生成可视化展开图
• 📁 SVG导出：一键导出标准SVG格式，支持激光切割和模切设备
• 📏 尺寸显示：实时显示展开图的总体尺寸信息
• 🎪 标准结构：生成符合工业标准的纸箱展开图结构

🚀 如何使用

下载 index.html 文件到本地，拉到浏览器打开即可使用，无需安装任何软件。

📋 使用方法

1. 输入尺寸：在左侧面板输入纸箱的长度(L)、宽度(W)、高度(H)，单位为毫米
2. 生成展开图：点击"生成展开图"按钮，右侧将显示可视化的展开图
3. 查看尺寸：左侧面板会显示展开图的总体尺寸信息
4. 导出文件：点击"导出SVG"按钮，下载标准格式的SVG文件，然后在cdr/ai等设计中打开svg文件排版设计即可

🔧 技术特点

精确的尺寸控制

• SVG文件使用毫米单位，确保导出文件的尺寸精度
• 分离显示和导出逻辑，网页显示自适应，导出保持真实尺寸
• 支持小数点精度的尺寸输入

标准化的纸箱结构

• 自动计算翻盖长度（宽度的一半）
• 包含粘合耳设计，便于组装
• 虚线表示折叠线，实线表示切割线
• 符合工业标准的纸箱展开图布局

现代化的用户界面

• 渐变背景和毛玻璃效果
• 平滑的动画过渡
• 直观的输入控件和按钮设计
• 响应式布局，支持各种屏幕尺寸

🎨 界面预览

桌面端界面

• 左侧：参数输入面板和控制按钮
• 右侧：展开图可视化显示区域
• 现代化的渐变背景和毛玻璃效果

移动端适配

• 自动调整为垂直布局
• 触摸友好的输入控件
• 优化的按钮尺寸和间距

🔍 SVG输出规格

文件格式

• 标准SVG 1.1格式
• UTF-8编码
• 包含完整的DOCTYPE声明

尺寸精度

• 使用毫米作为单位
• 保持输入尺寸的1:1比例
• 支持小数点精度

图层结构

• 实线：切割线（黑色，1.5px宽度）
• 虚线：折叠线（灰色，0.8px宽度，5px间隔）
• 填充：纸板颜色（#D2B48C）

🛠️ 浏览器兼容性

• ✅ Chrome 80+
• ✅ Firefox 75+
• ✅ Safari 13+
• ✅ Edge 80+
• ✅ 移动端浏览器

📝 使用场景

• 包装设计：为产品设计定制纸箱包装
• 原型制作：快速制作纸箱原型进行测试
• 小批量生产：个人或小企业的包装需求
• 教育培训：包装设计和制造工艺教学
• 激光切割：直接用于激光切割机的加工文件

📄 许可证

这个项目采用 MIT 许可证 - 查看 LICENSE 文件了解详情。

---

⭐ 如果这个项目对你有帮助，请给它一个星标！