智能图片背景色分析库 - 为图片自动生成协调的背景色
使用 K-Means 聚类算法精准提取图片主色调
智能分析图片四边颜色,支持距离加权采样
基于色彩理论生成协调的背景色方案
支持多方向渐变背景,完美适配图片边缘
支持 JPG、PNG、WebP 等格式,拖拽或点击上传
通过 npm 安装:
npm install auto-tintura
通过 ESM 方式引入库并一键分析图片背景色:
import { AutoTintura } from 'auto-tintura';
// 快捷分析图片并返回推荐的背景色(主色 + 纯色背景 + 渐变背景)
const result = await AutoTintura.getSmartBackground('https://example.com/photo.jpg', {
brightnessPreference: 'auto',
gradientDirection: 'vertical'
});
// 将渐变背景应用到页面
document.body.style.background = result.edgeBackground?.cssValue;
// 纯色背景
document.body.style.background = result.solidBackground.cssValue;
checkBrowserSupport() 检测 Canvas 等能力更多 API 用法、配置项与算法说明,请访问 GitHub 仓库阅读 README: kaidong77/autoTintura