blurhash-wasm

blurhash算法的Rust实现。

它编译为WebAssembly（WASM），并在npm上作为 blurhash-wasm 提供。

在JS中使用

安装

您需要一个包管理器，无论是npm（随node提供）还是 yarn。

您还需要一个打包器，例如 webpack 或 Rollup，并配置为您的项目。

然后在终端中

npm install blurhash-wasm
# Or, yarn add blurhash-wasm

示例应用程序源代码有使用 blurhash-wasm 的完整示例。

解码

import * as blurhash from "blurhash-wasm";

// Returned as Uint8Array | undefined
// You can use this to construct canvas-compatible resources
const pixels = blurhash.decode("LKO2?U%2Tw=w]~RBVZRi};RPxuwH", 40, 30);

编码

尚未实现 :)

在Rust中使用

安装

您需要 Rust和Cargo。

在 Cargo.toml 中添加您想要的版本

[dependencies]
blurhash-wasm = "0.1.0"

解码

use blurhash_wasm;

// Result<Vec<u8>, blurhash::Error>
let res = blurhash::decode("LKO2?U%2Tw=w]~RBVZRi};RPxuwH", 40, 30);

编码

尚未实现 :)

关于设置

基于 rust wasm-pack 模板

此模板旨在将Rust库编译为WebAssembly并将生成的包发布到NPM。

请务必查看其他 wasm-pack 在线教程，以获取其他模板和 wasm-pack 的用法。

🚴 使用

🛠️ 使用 wasm-pack build 构建

wasm-pack build

🔬 使用 wasm-pack test 在无头浏览器中测试

wasm-pack test --headless --firefox

🎁 使用 wasm-pack publish 发布到NPM

wasm-pack publish

🔋 内置电池

• wasm-bindgen 用于在WebAssembly和JavaScript之间通信。
• console_error_panic_hook 用于将panic消息记录到开发人员控制台。
• wee_alloc，一种针对小型代码大小优化的分配器。