Extracción del color medio de imágenes o vídeos-color medio rápido

Vista prévia

Descripción

Color promedio rápido es una biblioteca de JavaScript moderna (ES6) que le permite extraer el color medio de imágenes, vídeos o elementos de lienzo.

See also:

• generar degradados a partir de colores dominantes en una imagen â & #128; & #147; grade. js
• color de fondo de imagen adaptable â & #128; & #147; fondos adaptables
• extrae el color dominante de una imagen – Primarycolor. js
• plugin de jQuery para agarrar el color de la imagen – imgcolr
• paleta de colores de imagen generando plugin – ladrón de colores
• plugin de jQuery para el color de fondo de imagen adaptable

Funcionamiento

Instalación.

# NPM
$ npm install fast-average-color --save

Módulo de importación:

import FastAverageColor from 'fast-average-color/dist/index.es6';

O incluya la versión compilada del color promedio rápido de una red CDN.

<script src="//unpkg.com/fast-average-color/dist/index.min.js"></script>

Inicializar el color promedio rápido.

const demo = new FastAverageColor(),

Obtenga el color medio de una imagen que especifique.

const myColor = demo.getColor(container.querySelector('img'));

Esto devolverá un objeto que contiene el color medio en diferentes modos de color.

{

hex: "#ffffff",

hexa: "#ffffffff",

isDark: false,

isLight: true,

rgb: "rgb(255,255,255)",

rgba: "rgba(255,255,255,1)",

// ...
}

Opciones posibles.

const myColor = demo.getColor(container.querySelector('img'),{




defaultColor: [255, 255, 255, 255]],



mode: "speed", // "precision" or "speed"



algorithm: "sqrt", // "simple" or "sqrt"



step: 1,



left: 0,



top: 0,



width: 400, // width of resource



height: 300 // height of resource




});

Obtener el color promedio de forma asincrónica.

demo.getColorAsync(resource, callback, [options])

Obtener el color medio de una matriz.

demo.getColorFromArray4(array, {


defaultColor: [255, 255, 255, 255]],

algorithm: "sqrt", // "simple" or "sqrt"

step: 1,

})

Destruye la biblioteca.

demo.destroy();