duoduo-88/MSW-Skin-Fragmenter-Web

# MSW Skin Fragmenter Web [繁體中文](README_zh-TW.md) MSW Skin Fragmenter Web 是一款基于浏览器的 PNG 切片工具，专为美术工作流设计。它将 PNG 的可见区域分割为多个透明的 PNG 碎片，可选择使用 mask 限制工作区域，并能添加干扰像素以增加随意还原的难度。 当前版本：**v1.0.2** ## 功能 - 保留 PNG 的透明度，并将图像区块分配到 1-10 个碎片中。 - 支持可选的 PNG mask，其尺寸必须与源图像相同。 - 提供可调的区块大小和随机度。 - 可将源自原图的干扰像素添加到第 2 个及之后的碎片中。 - 在预览中显示合并结果或单个碎片。 - 允许重命名碎片并单独下载 PNG。 - 将所有生成的碎片打包为一个 ZIP 归档文件。 - 在浏览器内处理选定的图像数据；应用程序代码不会将其上传到服务器。 ## 要求 - 支持 JavaScript、Canvas 和 `OffscreenCanvas` 的现代桌面浏览器。 - 加载页面时需要互联网连接（除非 JSZip 已被缓存）。ZIP 导出使用来自 jsDelivr 的 JSZip 3.10.0。 - 建议使用带透明通道的 PNG 源图像。 - 使用 mask 时，它应是具有与源图像相同像素尺寸的 PNG。 ## 本地运行 1. 下载或克隆此代码库。 2. 在受支持的浏览器中打开 `index.html`。 3. 保持网络畅通，以便加载 JSZip 依赖。 无需构建步骤或安装额外的包。 ## 用法 1. 选择源 PNG。 2. 可选择相同尺寸的 PNG mask。非透明的 mask 区域将参与切片；完全透明的 mask 区域将从结果中移除。 3. 选择碎片数量、基础区块大小和随机度倍数。 4. 当需要额外的混淆时，保持干扰像素启用。此选项至少需要两个碎片。 5. 选择 **Run Split** (`執行拆解`)。 6. 查看合并预览和单个碎片。 7. 单独重命名或下载碎片，或将所有碎片导出为 `fragments.zip`。 界面建议使用 2750 × 3500 的源图像，以兼容相关的 PSD 工作流，但也支持处理其他尺寸。 ## 隐私与网络行为 源图像和 mask 通过浏览器文件 API 读取并在本地处理。该页面不包含图像上传请求。但是，它会从 `cdn.jsdelivr.net` 加载 JSZip，因此打开页面可能会向该 CDN 发起网络请求。 ## 限制 - PNG 是受支持的输入和输出格式。 - 处理超大图像、极小区块或极高的随机度可能会消耗大量内存和 CPU 时间。 - 尺寸不同的 mask 不会被自动拒绝，但可能会导致不完整或意外的裁剪结果。 - 生成的排列是随机的，不保证具备密码学上的安全性。 - 该工具不会创建或编辑最终的 PSD 包；导出的碎片必须单独放入目标工作流中。 ## 许可证 项目代码采用 [MIT License](LICENSE) 授权。JSZip 保留其自身的许可证；请参阅 [第三方声明](THIRD_PARTY_NOTICES.md)。 版权所有 (c) 2025 DuoDuo

标签：Canvas, JSZip, 前端工具, 后端开发, 图像处理, 图片拆分, 数据可视化, 素材混淆