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

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