从图像中提取突出的颜色
<a href="https://bundlephobia.com/package/node-vibrant@latest"" target="_parent"> <a" target="_parent"> 从图像中提取突出的颜色。
$ npm install node-vibrant// Node
import { Vibrant } from "node-vibrant/node";
// Browser
import { Vibrant } from "node-vibrant/browser";
// Web Worker
import { Vibrant } from "node-vibrant/worker";
// Using builder
Vibrant.from("path/to/image")
.getPalette()
.then((palette) => console.log(palette));
// Using constructor
let v = new Vibrant("path/to/image", opts);
v.getPalette().then((palette) => console.log(palette));量化是 node-vibrant 中最耗时的阶段。幸运的是,可以在 WebWorker 中运行量化,以避免冻结 UI 线程。
以下是如何使用此功能:
import { Vibrant, WorkerPipeline } from "node-vibrant/worker";
import PipelineWorker from "node-vibrant/worker.worker?worker";
Vibrant.use(new WorkerPipeline(PipelineWorker as never));这需要您的打包工具处理 ?worker 转换 类似于 Vite 的方式
目前,docs文件夹中包含了参考文档和逐步指导。我们还提供了一些examples文件夹,您可以根据自己的需求参考这些示例。欢迎提交 PR 来扩展这些内容!
暂无开放 Issues,或尚未同步最近议题。