更新记录
0.0.5(2025-08-01)
- chore: 更新文档
0.0.4(2025-06-14)
- feat: 兼容鸿蒙next
0.0.3(2025-04-16)
- fix: ios获取缓存图片路径问题
平台兼容性
uni-app(4.44)
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | 5.1 | √ | √ |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | - | - | - | - | - | - | - | - |
uni-app x(4.61)
Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 |
---|---|---|---|---|---|
√ | √ | 5.1 | √ | √ | √ |
lime-color-thief 图片主色提取器
提取图片主色和四边颜色,轻松实现背景融合效果。
文档链接
📚 组件详细文档请访问以下站点:
安装方法
- 在uni-app插件市场中搜索并导入
lime-color-thief
- 在页面中引入组件
- 自定义基座编译
代码演示
基础用法
提取图片主色和四边颜色。
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)