# 颜色分析器

color analysis,图片颜色分析,传入图片获取图片主颜色。

# 组件脚本

<script>
	...省略n行
</script>

# 组件引入以及使用

//根据实际路径引入
import ColorAnalysis from '../../../components/common/tui-color-analysis/tui-color-analysis.js';

//tui-color-palette 为canvas id
let colorAnalysis = new ColorAnalysis('tui-color-palette');

colorAnalysis.getPalette({
		width: canvasWidth,
		height: canvasHeight,
		imgPath: res.tempFilePaths[0],
		maxColors: this.maxColors,
		step: 1
	},
	colorArr => {
		if (colorArr) {
			console.log(colorArr);
		}
	}
);

# 脚本说明

# props

参数 类型 描述 默认值
width Number canvas width ****
height Number canvas height ****
imgPath String 图片路径 ****
maxColors Number 最大颜色数 2

# methods

名称 描述
getPalette 获取返回分析颜色

# 示例

# H5预览地址

hhttps://www.thorui.cn/h5/#/pages/extend/color-analysis/color-analysis

# H5二维码

# 小程序二维码