图像滤镜（Image Filter）

🧮算法原理

灰度

按人眼对三原色的敏感度加权求亮度 0.299R + 0.587G + 0.114B（ITU-R BT.601 标准）。

反色

每个颜色通道取 255 − 原值，透明度不变。

模糊

3×3 均值滤波，每个像素取自身和周围 8 个像素的平均值。

边缘检测

Sobel 算子。用两个 3×3 卷积核分别计算水平梯度 Gx 和垂直梯度 Gy，梯度大小 √(Gx² + Gy²) 越大，说明那里的亮度变化越剧烈，也就是边缘。

浮雕

用方向性卷积核 [−2 −1 0; −1 1 1; 0 1 2] 模拟左上方的光照，结果加 128 作为中性灰底色。

卷积类滤镜需要读取周围像素，因此图像最外面一圈像素不做处理。

🔄Rust 与 JavaScript 的分工

1. JSJS 读取图片文件，画到 Canvas 上（最长边缩放到 400px），用 getImageData() 取出 RGBA 像素数组。
2. JSJS 调用 apply_filter(像素, 宽, 高, 滤镜编号)，像素数组被复制进 WASM 内存，在 Rust 中作为 &[u8] 读取。
3. RustRust 计算并返回一个新的像素数组，原图数据保持不变，方便切换滤镜。
4. JSJS 用 putImageData() 把结果画到右侧 Canvas。