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

时间:2021-05-22 13:01:14
【文件属性】:
文件名称:blurhash-to-css:使用TypeScript,Rust和WebAssembly将BlurHash转换为CSS对象
文件大小:119KB
文件格式:ZIP
更新时间:2021-05-22 13:01:14
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)

网友评论