blurhash-to-css:使用TypeScript，Rust和WebAssembly将BlurHash转换为CSS对象

【文件属性】：

文件名称：blurhash-to-css:使用TypeScript，Rust和WebAssembly将BlurHash转换为CSS对象

文件大小：119KB

文件格式：ZIP

更新时间：2024-06-11 06:47:54

css rust images webassembly wasm

到css的blurhash 实验性套件 :framed_picture: 使用 ， 和将转换为。 :cloud_with_lightning: 安装 npm install blurhash-to-css :megaphone: 概括 是图像占位符的紧凑表示形式，这使其成为的绝佳选择。 但是，使用元素呈现BlurHash，这意味着在加载我们的应用程序时，在关键路径上需要客户端JavaScript。 该工具使用CSS创建相同的视觉效果，可以在服务器上呈现CSS，而无需依赖客户端JavaScript。 可以在上看到一个示例，源位于此仓库中的 。 :handshake: 信用 图像缓冲区到CSS的转换是@JamieMason 将该脚本移植到Rust的端口，最初是@ joe-bell为plaiceholder：漂亮的图像占位符，没有麻烦。 很多帮助来自源代码WASM图像由@acidicX 。 :joystick: 用法 import { blurhashToCss } from "blu

【文件预览】：
blurhash-to-css-main
----example()
--------package.json(502B)
--------pages()
--------tsconfig.json(580B)
--------next-env.d.ts(75B)
--------fake-data()
--------.gitignore(386B)
--------components()
--------yarn.lock(95KB)
----package.json(1KB)
----Cargo.lock(5KB)
----jest.config.js(191B)
----DEPENDENCIES.md(876B)
----src()
--------lib.rs(10KB)
----Cargo.toml(387B)
----tsconfig.json(268B)
----.gitignore(74B)
----CHANGELOG.md(2KB)
----index.spec.ts(3KB)
----README.md(5KB)
----yarn.lock(152KB)
----index.ts(514B)