Biblioteca de JavaScript para generar degradados a partir de colores dominantes en una imagen-grado. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: benhowdle89
Views Total: 2,379
Sitio oficial: Ir a la web
Actualizado: August 23, 2016
Licencia: MIT

Vista prévia

Biblioteca de JavaScript para generar degradados a partir de colores dominantes en una imagen-grado. js

Descripción

Grade. js es una biblioteca de JavaScript que extrae los 2 colores dominantes principales de sus imágenes y luego genera gradientes para su uso posterior.

Funcionamiento

Descargue e incluya el archivo JavaScript principal en el proyecto Web.

<script src="dist/grade.js"></script>

Envuelva su imagen en un contenedor llamado ' degradado-envolver '.

<div class="gradient-wrap">

<img src="1.jpg">
</div>

El código JavaScript para extraer los colores de la imagen y aplicar los colores como degradados al fondo de su contenedor principal.

Grade(document.querySelectorAll('.gradient-wrap'))

Te puede interesar: