使用 WebAssembly 实现图片压缩
WebAssembly 是一种新的编码方式，可以在现代 Web 浏览器中运行。它是一种低级的类汇编语言，具有紧凑的二进制格式，可以接近原生性能运行，并为诸如 C/C++、C# 和 Rust 等语言提供编译目标。它也被设计为可以与 JavaScript 共存，允许两者一起工作。
1. Rust 安装
本教程使用 Rust 语言将代码编译成 WebAssembly。
首先安装 Rust 环境，参考 MDN 官方文档：https://developer.mozilla.org/zh-CN/docs/WebAssembly/Guides/Rust_to_Wasm
本示例基于 macOS 环境，执行以下命令：
curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh
安装好 Rust 和包管理工具 cargo 后，需要额外工具 wasm-pack 来编译 WebAssembly 并生成 npm 包：
cargo install wasm-pack
若提示找不到 cargo 命令，可执行以下处理：
source $HOME/.cargo/env
然后验证安装：
rustc --version
cargo --version
2. 为什么用 Rust + WASM 处理图片？
浏览器端处理图片常见方案是 Canvas/WebGL/WebCodecs 或纯 JS 算法。但当处理链路更复杂（解码、滤镜、编码、批处理）时，Rust + WASM 有优势：
- CPU 密集型逻辑更稳定：Rust 编译成本地级指令（WASM），在大量像素运算时更可控。
- 复用成熟库生态：例如
image提供解码、缩放、颜色变换、编码等能力。 - 与前端无缝协作：通过
wasm-bindgen，Rust 函数可以直接在 JS 中调用，入参出参还能自动做类型转换。
3. 构建配置
创建一个文件 wasm_image_gray，然后执行：
cargo init
这个命令相当于 npm init，用于初始化配置。
![图片示例]
这里的 Cargo.toml 相当于 package.json：
[package]
name = "wasm_image_gray"
version = "0.1.0"
edition = "2021"
[lib]
crate-type = ['cdylib']
[dependencies]
=
=
=
= [, ]
