于得泉出品 · 离线九宫格切图工具
一个完全离线、单文件的图片切图网页工具。所有处理在浏览器本机完成，不联网、文件不上传第三方。
何时使用
- 用户要"把图片切成九宫格"、"朋友圈九宫格切图"、"做宫格"
- 用户提到"切图工具"、"把图切 N 份"、"发朋友圈拼图"
- 用户强调隐私/离线：不能把图片传到陌生服务器
- 用户想要一个能直接发给别人、双击就用的小工具
如何使用
资源文件位于本技能目录的 assets/index.html：
- 本地使用：把
assets/index.html发给对方，对方双击用浏览器打开即可（离线）。 - 联网分享：将该 HTML 部署到任意静态托管（如 CloudStudio），生成网址后通过微信发送。
- 本技能不执行代码，仅作为"资源 + 说明"交付物。若用户要求，可协助把 HTML 复制到项目目录并部署。
功能清单
- 上传图片：点击 / 拖拽 / Ctrl+V 粘贴（支持截图粘贴）
- 预设网格：朋友圈九宫格（3×3）、四宫格（2×2）、三联横图（1×3）、三联竖图（3×1）、六宫格（2×3）、十六宫格（4×4）
- 自定义行列：1~10 行 × 1~10 列任意组合
- 画布比例：1:1 / 4:3 / 3:4 / 16:9 / 9:16 / 跟随原图
- 裁剪方式：填充裁剪（cover，铺满）、完整保留（contain，白边）、拉伸变形
- 切片间距：0~60 px 可调，生成白边间隔效果
- 切片形状：方形 / 圆角 / 圆形
- 输出格式：PNG（支持透明）/ JPG（可设质量 50~100）
- 画面调整：旋转 90°、水平翻转、重置
- 构图拖拽：cover 模式下在预览图上拖动调整构图位置
- 单张下载 / 一键打包 ZIP（自实现压缩，零外部依赖）
- 顺序预览图：自动生成编号对照图，发朋友圈按编号依次选图
技术栈（全部内嵌于单 HTML）
- 原生 Canvas API —— 切图、缩放、旋转、圆形裁剪
- 原生 ZIP（store 模式）—— 零依赖，无 JSZip
已知限制
- 仅纯前端，无后端、无云存储；结果只在用户本机生成与下载。
- 切图数量上限 100 块（10×10）；超出行数较多时建议分批。
- ZIP 下载在部分旧版浏览器可能需手动"保存到磁盘"；Chrome / Edge / Safari 均已实测可用。
