Guilherme Costa

Uma dica bem legal é para obter a paleta de cores de uma imagem, para isso conheci o framework Color Thief, que apenas com JS faz essa extração dessas informações de uma imagem.

Sua utilização é bem simples. Veja o exemplo abaixo:

<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>Document</title>
    <scripttype="text/javascript"src='https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.js'></script>
    <scripttype='text/javascript'src='https://cdnjs.cloudflare.com/ajax/libs/color-thief/2.0.1/color-thief.min.js' ></script>
    <scripttype='text/javascript'>
        jQuery(document).ready(function(){
            var myImage =this.querySelector('#myImg');
            var colorThief =newColorThief();
            var colors = colorThief.getPalette(myImage);
            
            for(var k =; k < colors.length; k++){
                cor = colors[k];
                console.log(cor);
                var pal =$('');
                pal.css('width', 

Ver o post original 204 mais palavras

Anúncios