You are reading: GitHub-SodhanaLibrary/Background-Color-Thief: Detect Background Color Of An Image Using Javascript

Background-Color-Thief

This script is to detect background color of an image. Thanks for Color-Theif (

https://github.com/lokesh/color-thief/

) for such a great work. Here I have used some code from Color-Theif.

##How To Use

####HTML markup

<img src="source.jpg" id="backgroundImage"/> <div id="backGroundColor"></div>

####Javascript

var backgroundColorThief = new BackgroundColorTheif(); var rgb = backgroundColorThief.getBackGroundColor(document.getElementById("backgroundImage")); document.getElementById("backGroundColor").style.backgroundColor = 'rgb(' + rgb[0] + ',' + rgb[1] + ',' + rgb[2] +')';

##Demo

[Click here] (

http://demo.sodhanalibrary.com/get-background-color.html

) to seee demo

##Algoirithm behind this script

Most dominant color of edges and corners of image can be background color of the image. [Click here] (

http://blog.sodhanalibrary.com/2015/05/detect-background-color-of-image-using.html#.VUNPFSGqqko

) for more explanation

##Applications

I have implemented some online tools using this script. Take a look at below links

Facebook Optimized Images

Facebook App Icons and Banners

Phonegap Icons and Screens

Chuyên mục: App