图片滤镜

功能

• 十种滤镜：老照片、褪色、负片、X 光、高对比、冷调、暖调、黑白、棕褐、自定义
• 强度 0–100% 线性可调，实时看到效果
• 保留原图对比开关：暗部不会被滤镜压死
• 滤镜用像素矩阵与曲线实现，不依赖 ctx.filter（浏览器支持不一致且失败时静默）
• 老照片与 X 光的暗角按归一化距离算，不同宽高比形状一致
• 带透明的 PNG 加滤镜后仍然透明
• 结果显示滤镜、强度与体积
• 图片不上传，断网也能用

使用方法

1. 把图片拖进来
2. 选一个滤镜，调强度
3. 暗部发闷就打开「保留原图对比」
4. 点「下载」保存结果

常见问题

为什么不用浏览器自带的滤镜（ctx.filter）？

因为各浏览器支持不一致，而且不支持时是静默的 —— 设置了 sepia 却没效果时不会报错、不会抛异常，用户只会觉得工具坏了。所以核心滤镜都用自己写的像素矩阵与曲线算，结果在 Chrome、Firefox、Safari 上一致，也能被单测钉住。

「保留原图对比」什么时候该开？

当滤镜把画面压得发闷时。褪色与老照片都会抬高黑位，原本阴影里的层次会被抹平；打开这个开关会把原图相对结果的亮度偏差加回去，明暗起伏回来了，色相不变。想要强烈的风格化效果就别开。

强度调到多少合适？

多数情况 70% 到 100% 就有明显效果。强度是原图与满强度结果之间的线性混合，所以 50% 大约是「一半的味道」——负片、黑白这类非黑即白的效果要 100% 才彻底，冷暖调这类轻微的 40% 到 70% 更自然。

图片会上传吗？

不会。滤镜在浏览器里逐像素计算，全程在本机内存里，断网也能用。