use-image-color::artist_palette:用于从图像中抓取调色板的钩子。在仍加载原始图像的同时渲染骨架颜色

时间:2024-04-08 04:01:28
【文件属性】:

文件名称:use-image-color::artist_palette:用于从图像中抓取调色板的钩子。在仍加载原始图像的同时渲染骨架颜色

文件大小:262KB

文件格式:ZIP

更新时间:2024-04-08 04:01:28

react hook palette image reactjs

useImageColor 使用此挂钩从任何图像中获取调色板 它是如何工作的? 它在画布上渲染图像,然后使用颜色量化生成其调色板。 包括图像组件 加载原始图像时,此图像组件将呈现占位符颜色。 加载大图像之前(较小图像的颜色) 加载大图像后: 实时沙盒演示: 该图像组件如何工作? 您必须提供src(原始图像)和缩略图(较小的图像)。加载缩略图后,骨架将以其主要颜色变为可见。同时,您的原始图像会继续加载,最后,当原始图像到达时,它将替换骨骼。 安装: npm install use-image-color 钩子: 用法: import useImageColor from 'use-image-color' export function Card ( ) { const { colors } = useImageColor ( url , { cors : true , colo


【文件预览】:
use-image-color-master
----.eslintrc(612B)
----rollup.config.js(676B)
----src()
--------components()
--------index.js(131B)
--------useImageColor.js(2KB)
----.babelrc(222B)
----demo()
--------.env(25B)
--------public()
--------src()
--------README.md(3KB)
--------.gitignore(310B)
--------package-lock.json(557KB)
--------package.json(740B)
----LICENSE(1KB)
----README.md(3KB)
----.gitignore(29B)
----package-lock.json(327KB)
----package.json(1KB)

网友评论