code/franz
Archived
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added franz.clone(), which copies full objects via recursion. Localized into franz because various libraries already modify the Object prototype, and it ends up causing conflicts. (This works for deep copying as well)

Browse source
This commit is contained in:
Veno Server 2009-08-11 19:29:44 -05:00
parent 39b27c90e9
commit 5b5e236b38
1 changed files with 40 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

57
js/franz.js
View file

@ -1,3 +1,19 @@
/* Franz.js - Client side color swatches (awesomeness)
*
* @Author Ryan McGrath (http://twitter.com/ryanmcgrath)
* @Author Dominick Pham (http://twitter.com/enotionz)
*/
/* Define some basic prototypes that we'll require later... */
Array.prototype.swap = function(a, b) {
var tmp = this[a];
this[a] = this[b];
this[b] = tmp;
return true; /* For the sake of being complete */
}
/* Franz - this is where the magic happens, pay close attention. ;) */
var franz = { var franz = {
canvas: {}, canvas: {},
ctx: {}, ctx: {},
@ -18,6 +34,22 @@ var franz = {
return false; return false;
}, },
clone: function(obj) {
/* Recursively iterate through objects and clone them (Don't even try to put this on the Object prototype (recursion fail)) */
var returnObj = (obj instanceof Array) ? [] : {};
for(i in obj) {
if(i == 'clone') continue;
if(obj[i] && typeof obj[i] == "object") {
returnObj[i] = obj[i].clone();
} else {
returnObj[i] = obj[i];
}
}
return returnObj;
},
loadImg: function(img_src) { loadImg: function(img_src) {
franz.img = new Image(); franz.img = new Image();
franz.img.onload = function() { franz.img.onload = function() {
@ -35,8 +67,6 @@ var franz = {
extra_ctx.drawImage(franz.img, 0, 0, 19, 19); extra_ctx.drawImage(franz.img, 0, 0, 19, 19);
var imageData = extra_ctx.getImageData(1, 1, 18, 18).data; var imageData = extra_ctx.getImageData(1, 1, 18, 18).data;
console.log("Initial data array: " + imageData.length);
for(var i = 0; i*4 < imageData.length; i++) { for(var i = 0; i*4 < imageData.length; i++) {
franz.red[i] = imageData[i*4]; franz.red[i] = imageData[i*4];
franz.green[i] = imageData[i*4 + 1]; franz.green[i] = imageData[i*4 + 1];
@ -79,10 +109,9 @@ var franz = {
return false return false
}, },
getValHSV: function(red, green, blue) { getValHSV: function(red, green, blue) { return Math.max(red,Math.max(green,blue)); },
return Math.max(red,Math.max(green,blue));
}, getSatHSV: function(red, green, blue) {
getSatHSV: function(red, green, blue) {
var min, max, delta, sat; var min, max, delta, sat;
min = Math.min(red,Math.min(green,blue)); min = Math.min(red,Math.min(green,blue));
@ -92,17 +121,19 @@ var franz = {
return sat; return sat;
}, },
getHueHSV: function(red,green,blue) { getHueHSV: function(red,green,blue) {
var min, max, delta, hue; var min, max, delta, hue;
min = Math.min(red,Math.min(green,blue)); min = Math.min(red,Math.min(green,blue));
max = Math.max(red,Math.max(green,blue)); max = Math.max(red,Math.max(green,blue));
delta = max - min; delta = max - min;
if (max == 0)
if (max == 0)
return -1; return -1;
else { else {
if (red == max) if (red == max)
hue = ( green - blue) / delta; //between yellow & magenta hue = (green - blue) / delta; //between yellow & magenta
else if (green == max) else if (green == max)
hue = 2 + (blue - red) / delta; //between cyan & yellow hue = 2 + (blue - red) / delta; //between cyan & yellow
else else
@ -110,7 +141,7 @@ var franz = {
// hue degrees // hue degrees
hue = hue * 60; hue = hue * 60;
if (hue < 0) hue += 360; if (hue < 0) hue += 360;
} }
return hue; return hue;
@ -213,11 +244,3 @@ var franz = {
} }
} }
/* define swap method for Array object */
Array.prototype.swap=function(a, b)
{
var tmp=this[a];
this[a]=this[b];
this[b]=tmp;
}