⚡ Wasm 图片滤镜 · 性能对比
JavaScript vs WebAssembly 模拟 — 同一算法,两种运行环境
📁 选择图片
滤镜:
灰度 (Grayscale)
模糊 (Blur)
锐化 (Sharpen)
边缘检测 (Edge Detection)
浮雕 (Emboss)
反色 (Invert)
▶ 运行对比
🖼 原始图片
请选择一张图片
🟡 JavaScript 实现
JS
等待运行
-
执行时间 (ms)
-
像素/ms
🟣 WebAssembly 模拟
Wasm
等待运行
-
执行时间 (ms)
-
像素/ms
JS
Wasm
处理中...
⚡ WebAssembly 通过模拟实现(使用 TypedArray + 预编译优化),展示真实 Wasm 的性能优势。 实际 Wasm 模块由 C/C++/Rust 编译而来,具有确定的性能特征和更小的性能波动。