tui-color-analysis 颜色分析器

介绍

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

引入

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

代码演示

部分功能演示，具体可参考示例程序以及文档API。

//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);
		}
	}
);

Methods

方法名	说明	传入参数
getPalette	获取主要色调	{width:width,height...}，callback

getPalette方法传入参数说明

{ } ：类型 Object，各参数说明：width 画布宽度，height 画布高度，imgPath 图片路径，maxColors 最大颜色数 。

callback ：回调函数，返回颜色信息。

👇

预览

线上程序扫码预览

ThorUI组件库小程序码	H5二维码	ThorUI示例小程序码