added dominant color function

This commit is contained in:
Lokesh Dhakar
2011-11-03 01:02:12 -04:00
parent e1569c40fe
commit 3b704e8bc4
10 changed files with 79 additions and 23 deletions

View File

@@ -3,18 +3,25 @@ $(document).ready(function(){
$('img').each(function(index){
var averageRGB = getAverageRGB(this);
var dominantColor = getDominantColor(this);
var areaPalette = createAreaBasedPalette(this, 9);
var medianPalette = createMedianCutPalette(this, 10);
var imageSection = $(this).closest('.imageSection'),
swatchEl;
var imageSection = $(this).closest('.imageSection');
swatchEl = $('<div>', {
var swatchEl = $('<div>', {
'class': 'swatch'
}).css('background-color','rgba('+averageRGB.r+','+averageRGB.g+ ','+averageRGB.b+', 1)');
imageSection.find('.averageRGB').append(swatchEl);
swatchEl = $('<div>', {
'class': 'swatch'
}).css('background-color','rgba('+dominantColor.r+','+dominantColor.g+ ','+dominantColor.b+', 1)');
imageSection.find('.dominantColor').append(swatchEl);
var areaBasedPalette = imageSection.find('.areaBasedPalette');
$.each(areaPalette, function(index, value){