这款本地HTML网页应用，采用Gilbert 2D空间填充曲线算法，实现图片无损混淆与解混淆。纯本地处理保障隐私，多线程优化操作流畅，还有历史记录、原图对比等实用功能，轻松满足图片轻加密需求。
图片混淆 – 专业版（HTML本地网页应用）
近期在抖音部分视频评论区看到混淆图，突发奇想写了一个可混淆和解混淆的前端工具，用于轻加密图片。网上多数解混淆生成的图片质量非100%，而此本地HTML应用可无损混淆或解混淆图片，且无需在他人网页操作。以下是该网页应用的介绍：
一、核心技术与性能优化
1. 技术核心：Gilbert空间填充曲线
工具基于Gilbert 2D空间填充曲线算法，对图片像素进行可逆重排与混淆。该算法从数学层面保障混淆可逆性，实现数据无损处理，确保图片还原后无质量损耗。
2. 多线程不卡顿：Web Worker
本次版本重要性能升级，将生成曲线、像素遍历等耗时图片计算操作，全部封装到Web Worker线程中。即便上传处理上千万像素高清大图，主界面按钮点击、动画播放等操作也不会卡顿或假死，大幅提升用户操作流畅度。
3. 隐私安全保障：纯本地处理
所有图片相关操作（加载、处理、混淆与还原）均在浏览器本地内存完成，数据不上传至任何服务器，从源头最大程度保护用户隐私安全。
二、页面美化与设计风格
1. 设计语言：高级玻璃拟态（Modern Glassmorphism）
移除工具中过于极客元素，采用优雅、专业的现代设计风格。页面卡片具高透明度与磨砂玻璃质感（通过backdrop-filter: blur()技术实现），使整体界面更轻盈，增强视觉层次感。
2. 视觉效果：柔和流光背景
在页面背景加入柔和且动态的渐变流光效果，替代传统静态背景，避免视觉单调，为用户提供更舒适、更具高级感的视觉体验。
3. 响应式布局
针对不同设备屏幕尺寸适配优化，无论移动设备（手机、平板）还是桌面设备（电脑），都能保持界面美观度与操作可用性，确保各类场景使用体验不受影响。
三、新增功能与交互增强
1. 本地历史记录功能
自动保存最近6张上传或处理的图片记录，关闭浏览器重新打开后记录也不丢失，用户可随时点击历史记录快速加载对应图片。技术上采用浏览器IndexedDB（本地数据库）替代容量有限的LocalStorage，适配大文件存储需求，确保历史记录稳定保存。
2. 原图快速对比功能
提供实时混淆效果对比体验：图片显示区域长按鼠标（或触摸屏幕）时，混淆图即时切换为原图；松开鼠标（或离开屏幕）后，自动恢复混淆状态。该功能通过mousedown/mouseup事件结合Image对象的URL切换实现，操作无延迟，流畅度极高。
3. 优雅消息提示功能
全面移除系统默认的alert()弹窗，改用顶部居中、自动消失的Toast Notifications（吐司提示）。提升用户操作反馈质量，避免弹窗打断操作流程，优化界面美观度。
4. 拖拽上传支持功能
新增拖拽上传方式，用户可直接将图片文件拖入指定区域完成加载，无需手动点击“选择文件”按钮，简化上传操作步骤，增强使用便捷性。
5. 一键还原与保存功能
新增独立“还原原图”按钮与“保存结果”按钮：“还原原图”基于最初的originalBlob引用，确保还原原始图片；“保存结果”保存文件时自动为文件名添加时间戳，避免文件覆盖。两个功能无需寻找隐藏入口，操作直接高效。
