react-blurhash:对组件进行模糊处理

时间:2024-05-22 09:38:56
【文件属性】:

文件名称:react-blurhash:对组件进行模糊处理

文件大小:357KB

文件格式:ZIP

更新时间:2024-05-22 09:38:56

TypeScript

React模糊 在React项目中使用React组件 安装 npm install --save blurhash react-blurhash 用法 import { Blurhash } from "react-blurhash" ; 描述 建议使用Blurhash组件在React项目中渲染模糊。 它使用BlurhashCanvas和包装div将解码的图像缩放到所需的大小。 您可以使用resolutionX和resolutionY属性控制解码图像的质量。 道具 名称 描述 hash (字符串) 编码的blurhash字符串。 width (整数|字符串) 解码图像的宽度(CSS)。 height (整数|字符串) 解码图像的高度(CSS)。 resolutionX (int) X轴分辨率,将以该分辨率渲染解码图像。 推荐的最低32px。 大尺


【文件预览】:
react-blurhash-master
----.gitignore(23B)
----package.json(2KB)
----src()
--------index.ts(112B)
--------BlurhashCanvas.tsx(1KB)
--------Blurhash.tsx(1KB)
----CHANGELOG.md(124B)
----tsconfig.json(370B)
----README.md(4KB)
----demo()
--------Setting.tsx(714B)
--------RangeInput.tsx(146B)
--------Button.tsx(526B)
--------RadioInput.tsx(572B)
--------BlurhashImageEncoder.tsx(5KB)
--------Demo.tsx(7KB)
--------index.tsx(264B)
--------FileInput.tsx(2KB)
----.npmignore(23B)
----webpack.demo.config.js(913B)
----tsconfig.demo.json(214B)
----docs()
--------demo.f335462148ad584661d8.js(819KB)
--------index.html(254B)
----.editorconfig(186B)
----.prettierrc(286B)
----yarn.lock(199KB)

网友评论