Skip to content

LimeColorThief 图片主色提取器

提取图片主色和四边颜色,轻松实现背景融合效果。

文档链接

📚 组件详细文档请访问以下站点:

安装方法

  1. 在uni-app插件市场入口 中搜索并导入lime-color-thief
  2. 在页面中引入组件
  3. 自定义基座编译

代码演示

基础用法

提取图片主色和四边颜色。

js
import { getPalette, type ColorThiefOptions } from '@/uni_modules/lime-color-thief';

// 注意:仅支持本地图片,网络图片需先下载。
getPalette({
  sourceImage: '/static/mv.jpg',
	success(res) {
		console.log(`四周颜色【上,右,下,左】`, res.edges)
		console.log(`主色`, res.dominant)
	},
} as ColorThiefOptions)

源代码

组件源码