?? colorspace.js
字號:
/* Copyright (c) 2004-2006, The Dojo Foundation All Rights Reserved. Licensed under the Academic Free License version 2.1 or above OR the modified BSD license. For more information on Dojo licensing, see: http://dojotoolkit.org/community/licensing.shtml*/dojo.provide("dojo.gfx.Colorspace");dojo.require("dojo.lang.common");dojo.require("dojo.math.matrix");// to convert to YUV:// c.whitePoint = 'D65';// c.RGBWorkingSpace = 'pal_secam_rgb';// var out = c.convert([r,g,b], 'RGB', 'XYZ');//// to convert to YIQ:// c.whitePoint = 'D65';// c.RGBWorkingSpace = 'ntsc_rgb';// var out = c.convert([r,g,b], 'RGB', 'XYZ');//dojo.gfx.Colorspace = function(){ // summary // An object for dealing with colorspace conversions. this.whitePoint = 'D65'; this.stdObserver = '10'; this.chromaticAdaptationAlg = 'bradford'; this.RGBWorkingSpace = 's_rgb'; this.useApproxCIELabMapping = 1; // see http://www.brucelindbloom.com/LContinuity.html this.chainMaps = { 'RGB_to_xyY' : ['XYZ'], 'xyY_to_RGB' : ['XYZ'], 'RGB_to_Lab' : ['XYZ'], 'Lab_to_RGB' : ['XYZ'], 'RGB_to_LCHab': ['XYZ', 'Lab'], 'LCHab_to_RGB': ['Lab'], 'xyY_to_Lab' : ['XYZ'], 'Lab_to_xyY' : ['XYZ'], 'XYZ_to_LCHab': ['Lab'], 'LCHab_to_XYZ': ['Lab'], 'xyY_to_LCHab': ['XYZ', 'Lab'], 'LCHab_to_xyY': ['Lab', 'XYZ'], 'RGB_to_Luv' : ['XYZ'], 'Luv_to_RGB' : ['XYZ'], 'xyY_to_Luv' : ['XYZ'], 'Luv_to_xyY' : ['XYZ'], 'Lab_to_Luv' : ['XYZ'], 'Luv_to_Lab' : ['XYZ'], 'LCHab_to_Luv': ['Lab', 'XYZ'], 'Luv_to_LCHab': ['XYZ', 'Lab'], 'RGB_to_LCHuv' : ['XYZ', 'Luv'], 'LCHuv_to_RGB' : ['Luv', 'XYZ'], 'XYZ_to_LCHuv' : ['Luv'], 'LCHuv_to_XYZ' : ['Luv'], 'xyY_to_LCHuv' : ['XYZ', 'Luv'], 'LCHuv_to_xyY' : ['Luv', 'XYZ'], 'Lab_to_LCHuv' : ['XYZ', 'Luv'], 'LCHuv_to_Lab' : ['Luv', 'XYZ'], 'LCHab_to_LCHuv': ['Lab', 'XYZ', 'Luv'], 'LCHuv_to_LCHab': ['Luv', 'XYZ', 'Lab'], 'XYZ_to_CMY' : ['RGB'], 'CMY_to_XYZ' : ['RGB'], 'xyY_to_CMY' : ['RGB'], 'CMY_to_xyY' : ['RGB'], 'Lab_to_CMY' : ['RGB'], 'CMY_to_Lab' : ['RGB'], 'LCHab_to_CMY' : ['RGB'], 'CMY_to_LCHab' : ['RGB'], 'Luv_to_CMY' : ['RGB'], 'CMY_to_Luv' : ['RGB'], 'LCHuv_to_CMY' : ['RGB'], 'CMY_to_LCHuv' : ['RGB'], 'XYZ_to_HSL' : ['RGB'], 'HSL_to_XYZ' : ['RGB'], 'xyY_to_HSL' : ['RGB'], 'HSL_to_xyY' : ['RGB'], 'Lab_to_HSL' : ['RGB'], 'HSL_to_Lab' : ['RGB'], 'LCHab_to_HSL' : ['RGB'], 'HSL_to_LCHab' : ['RGB'], 'Luv_to_HSL' : ['RGB'], 'HSL_to_Luv' : ['RGB'], 'LCHuv_to_HSL' : ['RGB'], 'HSL_to_LCHuv' : ['RGB'], 'CMY_to_HSL' : ['RGB'], 'HSL_to_CMY' : ['RGB'], 'CMYK_to_HSL' : ['RGB'], 'HSL_to_CMYK' : ['RGB'], 'XYZ_to_HSV' : ['RGB'], 'HSV_to_XYZ' : ['RGB'], 'xyY_to_HSV' : ['RGB'], 'HSV_to_xyY' : ['RGB'], 'Lab_to_HSV' : ['RGB'], 'HSV_to_Lab' : ['RGB'], 'LCHab_to_HSV' : ['RGB'], 'HSV_to_LCHab' : ['RGB'], 'Luv_to_HSV' : ['RGB'], 'HSV_to_Luv' : ['RGB'], 'LCHuv_to_HSV' : ['RGB'], 'HSV_to_LCHuv' : ['RGB'], 'CMY_to_HSV' : ['RGB'], 'HSV_to_CMY' : ['RGB'], 'CMYK_to_HSV' : ['RGB'], 'HSV_to_CMYK' : ['RGB'], 'HSL_to_HSV' : ['RGB'], 'HSV_to_HSL' : ['RGB'], 'XYZ_to_CMYK' : ['RGB'], 'CMYK_to_XYZ' : ['RGB'], 'xyY_to_CMYK' : ['RGB'], 'CMYK_to_xyY' : ['RGB'], 'Lab_to_CMYK' : ['RGB'], 'CMYK_to_Lab' : ['RGB'], 'LCHab_to_CMYK' : ['RGB'], 'CMYK_to_LCHab' : ['RGB'], 'Luv_to_CMYK' : ['RGB'], 'CMYK_to_Luv' : ['RGB'], 'LCHuv_to_CMYK' : ['RGB'], 'CMYK_to_LCHuv' : ['RGB'] }; return this;}dojo.gfx.Colorspace.prototype.convert = function(col, model_from, model_to){ var k = model_from+'_to_'+model_to; if (this[k]){ return this[k](col); }else{ if (this.chainMaps[k]){ var cur = model_from; var models = this.chainMaps[k].concat(); models.push(model_to); for(var i=0; i<models.length; i++){ col = this.convert(col, cur, models[i]); cur = models[i]; } return col; }else{ dojo.debug("Can't convert from "+model_from+' to '+model_to); } }}dojo.gfx.Colorspace.prototype.munge = function(keys, args){ if (dojo.lang.isArray(args[0])){ args = args[0]; } var out = new Array(); for (var i=0; i<keys.length; i++){ out[keys.charAt(i)] = args[i]; } return out;}dojo.gfx.Colorspace.prototype.getWhitePoint = function(){ var x = 0; var y = 0; var t = 0; // ref: http://en.wikipedia.org/wiki/White_point // TODO: i need some good/better white point values switch(this.stdObserver){ case '2' : switch(this.whitePoint){ case 'E' : x=1/3 ; y=1/3 ; t=5400; break; //Equal energy case 'D50' : x=0.34567; y=0.35850; t=5000; break; case 'D55' : x=0.33242; y=0.34743; t=5500; break; case 'D65' : x=0.31271; y=0.32902; t=6500; break; case 'D75' : x=0.29902; y=0.31485; t=7500; break; case 'A' : x=0.44757; y=0.40745; t=2856; break; //Incandescent tungsten case 'B' : x=0.34842; y=0.35161; t=4874; break; case 'C' : x=0.31006; y=0.31616; t=6774; break; case '9300': x=0.28480; y=0.29320; t=9300; break; //Blue phosphor monitors case 'F2' : x=0.37207; y=0.37512; t=4200; break; //Cool White Fluorescent case 'F7' : x=0.31285; y=0.32918; t=6500; break; //Narrow Band Daylight Fluorescent case 'F11' : x=0.38054; y=0.37691; t=4000; break; //Narrow Band White Fluorescent default: dojo.debug('White point '+this.whitePoint+" isn't defined for Std. Observer "+this.strObserver); }; break; case '10' : switch(this.whitePoint){ case 'E' : x=1/3 ; y=1/3 ; t=5400; break; //Equal energy case 'D50' : x=0.34773; y=0.35952; t=5000; break; case 'D55' : x=0.33411; y=0.34877; t=5500; break; case 'D65' : x=0.31382; y=0.33100; t=6500; break; case 'D75' : x=0.29968; y=0.31740; t=7500; break; case 'A' : x=0.45117; y=0.40594; t=2856; break; //Incandescent tungsten case 'B' : x=0.3498 ; y=0.3527 ; t=4874; break; case 'C' : x=0.31039; y=0.31905; t=6774; break; case 'F2' : x=0.37928; y=0.36723; t=4200; break; //Cool White Fluorescent case 'F7' : x=0.31565; y=0.32951; t=6500; break; //Narrow Band Daylight Fluorescent case 'F11' : x=0.38543; y=0.37110; t=4000; break; //Narrow Band White Fluorescent default: dojo.debug('White point '+this.whitePoint+" isn't defined for Std. Observer "+this.strObserver); }; break; default: dojo.debug("Std. Observer "+this.strObserver+" isn't defined"); } var z = 1 - x - y; var wp = {'x':x, 'y':y, 'z':z, 't':t}; wp.Y = 1; var XYZ = this.xyY_to_XYZ([wp.x, wp.y, wp.Y]); wp.X = XYZ[0]; wp.Y = XYZ[1]; wp.Z = XYZ[2]; return wp;}dojo.gfx.Colorspace.prototype.getPrimaries = function(){ // ref: http://www.fho-emden.de/~hoffmann/ciexyz29082000.pdf // ref: http://www.brucelindbloom.com/index.html?Eqn_RGB_XYZ_Matrix.html var m = []; switch(this.RGBWorkingSpace){ case 'adobe_rgb_1998' : m = [2.2, 'D65', 0.6400, 0.3300, 0.297361, 0.2100, 0.7100, 0.627355, 0.1500, 0.0600, 0.075285]; break; case 'apple_rgb' : m = [1.8, 'D65', 0.6250, 0.3400, 0.244634, 0.2800, 0.5950, 0.672034, 0.1550, 0.0700, 0.083332]; break; case 'best_rgb' : m = [2.2, 'D50', 0.7347, 0.2653, 0.228457, 0.2150, 0.7750, 0.737352, 0.1300, 0.0350, 0.034191]; break; case 'beta_rgb' : m = [2.2, 'D50', 0.6888, 0.3112, 0.303273, 0.1986, 0.7551, 0.663786, 0.1265, 0.0352, 0.032941]; break; case 'bruce_rgb' : m = [2.2, 'D65', 0.6400, 0.3300, 0.240995, 0.2800, 0.6500, 0.683554, 0.1500, 0.0600, 0.075452]; break; case 'cie_rgb' : m = [2.2, 'E' , 0.7350, 0.2650, 0.176204, 0.2740, 0.7170, 0.812985, 0.1670, 0.0090, 0.010811]; break; case 'color_match_rgb' : m = [1.8, 'D50', 0.6300, 0.3400, 0.274884, 0.2950, 0.6050, 0.658132, 0.1500, 0.0750, 0.066985]; break; case 'don_rgb_4' : m = [2.2, 'D50', 0.6960, 0.3000, 0.278350, 0.2150, 0.7650, 0.687970, 0.1300, 0.0350, 0.033680]; break; case 'eci_rgb' : m = [1.8, 'D50', 0.6700, 0.3300, 0.320250, 0.2100, 0.7100, 0.602071, 0.1400, 0.0800, 0.077679]; break; case 'ekta_space_ps5' : m = [2.2, 'D50', 0.6950, 0.3050, 0.260629, 0.2600, 0.7000, 0.734946, 0.1100, 0.0050, 0.004425]; break; case 'ntsc_rgb' : m = [2.2, 'C' , 0.6700, 0.3300, 0.298839, 0.2100, 0.7100, 0.586811, 0.1400, 0.0800, 0.114350]; break; case 'pal_secam_rgb' : m = [2.2, 'D65', 0.6400, 0.3300, 0.222021, 0.2900, 0.6000, 0.706645, 0.1500, 0.0600, 0.071334]; break; case 'pro_photo_rgb' : m = [1.8, 'D50', 0.7347, 0.2653, 0.288040, 0.1596, 0.8404, 0.711874, 0.0366, 0.0001, 0.000086]; break; case 'smpte-c_rgb' : m = [2.2, 'D65', 0.6300, 0.3400, 0.212395, 0.3100, 0.5950, 0.701049, 0.1550, 0.0700, 0.086556]; break; case 's_rgb' : m = [2.2, 'D65', 0.6400, 0.3300, 0.212656, 0.3000, 0.6000, 0.715158, 0.1500, 0.0600, 0.072186]; break; case 'wide_gamut_rgb' : m = [2.2, 'D50', 0.7350, 0.2650, 0.258187, 0.1150, 0.8260, 0.724938, 0.1570, 0.0180, 0.016875]; break; default: dojo.debug("RGB working space "+this.RGBWorkingSpace+" isn't defined"); } var p = { name: this.RGBWorkingSpace, gamma:m[0], wp:m[1], xr:m[2], yr:m[3], Yr:m[4], xg:m[5], yg:m[6], Yg:m[7], xb:m[8], yb:m[9], Yb:m[10] }; // if WP doesn't match current WP, convert the primaries over if (p.wp != this.whitePoint){ var r = this.XYZ_to_xyY( this.chromaticAdaptation( this.xyY_to_XYZ([p.xr, p.yr, p.Yr]), p.wp, this.whitePoint ) ); var g = this.XYZ_to_xyY( this.chromaticAdaptation( this.xyY_to_XYZ([p.xg, p.yg, p.Yg]), p.wp, this.whitePoint ) ); var b = this.XYZ_to_xyY( this.chromaticAdaptation( this.xyY_to_XYZ([p.xb, p.yb, p.Yb]), p.wp, this.whitePoint ) ); p.xr = r[0]; p.yr = r[1]; p.Yr = r[2]; p.xg = g[0]; p.yg = g[1]; p.Yg = g[2]; p.xb = b[0]; p.yb = b[1]; p.Yb = b[2]; p.wp = this.whitePoint; } p.zr = 1 - p.xr - p.yr; p.zg = 1 - p.xg - p.yg; p.zb = 1 - p.xb - p.yb; return p;}dojo.gfx.Colorspace.prototype.epsilon = function(){ return this.useApproxCIELabMapping ? 0.008856 : 216 / 24289;}dojo.gfx.Colorspace.prototype.kappa = function(){ return this.useApproxCIELabMapping ? 903.3 : 24389 / 27;}dojo.gfx.Colorspace.prototype.XYZ_to_xyY = function(){ var src = this.munge('XYZ', arguments); var sum = src.X + src.Y + src.Z; if (sum == 0){ var wp = this.getWhitePoint(); var x = wp.x; var y = wp.y; }else{ var x = src.X / sum; var y = src.Y / sum; } var Y = src.Y; return [x, y, Y];}dojo.gfx.Colorspace.prototype.xyY_to_XYZ = function(){ var src = this.munge('xyY', arguments); if (src.y == 0){ var X = 0; var Y = 0; var Z = 0; }else{ var X = (src.x * src.Y) / src.y; var Y = src.Y; var Z = ((1 - src.x - src.y) * src.Y) / src.y; } return [X, Y, Z];}dojo.gfx.Colorspace.prototype.RGB_to_XYZ = function(){ var src = this.munge('RGB', arguments); var m = this.getRGB_XYZ_Matrix(); var pr = this.getPrimaries(); if (this.RGBWorkingSpace == 's_rgb'){ var r = (src.R > 0.04045) ? Math.pow(((src.R + 0.055) / 1.055), 2.4) : src.R / 12.92; var g = (src.G > 0.04045) ? Math.pow(((src.G + 0.055) / 1.055), 2.4) : src.G / 12.92; var b = (src.B > 0.04045) ? Math.pow(((src.B + 0.055) / 1.055), 2.4) : src.B / 12.92; }else{ var r = Math.pow(src.R, pr.gamma); var g = Math.pow(src.G, pr.gamma); var b = Math.pow(src.B, pr.gamma); } var XYZ = dojo.math.matrix.multiply([[r, g, b]], m); return [XYZ[0][0], XYZ[0][1], XYZ[0][2]];}dojo.gfx.Colorspace.prototype.XYZ_to_RGB = function(){ var src = this.munge('XYZ', arguments); var mi = this.getXYZ_RGB_Matrix(); var pr = this.getPrimaries(); var rgb = dojo.math.matrix.multiply([[src.X, src.Y, src.Z]], mi); var r = rgb[0][0]; var g = rgb[0][1]; var b = rgb[0][2]; if (this.RGBWorkingSpace == 's_rgb'){ var R = (r > 0.0031308) ? (1.055 * Math.pow(r, 1.0/2.4)) - 0.055 : 12.92 * r; var G = (g > 0.0031308) ? (1.055 * Math.pow(g, 1.0/2.4)) - 0.055 : 12.92 * g; var B = (b > 0.0031308) ? (1.055 * Math.pow(b, 1.0/2.4)) - 0.055 : 12.92 * b; }else{ var R = Math.pow(r, 1/pr.gamma); var G = Math.pow(g, 1/pr.gamma); var B = Math.pow(b, 1/pr.gamma); } return [R, G, B];}dojo.gfx.Colorspace.prototype.XYZ_to_Lab = function(){ var src = this.munge('XYZ', arguments); var wp = this.getWhitePoint(); var xr = src.X / wp.X; var yr = src.Y / wp.Y; var zr = src.Z / wp.Z; var fx = (xr > this.epsilon()) ? Math.pow(xr, 1/3) : (this.kappa() * xr + 16) / 116; var fy = (yr > this.epsilon()) ? Math.pow(yr, 1/3) : (this.kappa() * yr + 16) / 116; var fz = (zr > this.epsilon()) ? Math.pow(zr, 1/3) : (this.kappa() * zr + 16) / 116; var L = 116 * fy - 16; var a = 500 * (fx - fy); var b = 200 * (fy - fz); return [L, a, b];}dojo.gfx.Colorspace.prototype.Lab_to_XYZ = function(){ var src = this.munge('Lab', arguments); var wp = this.getWhitePoint(); var yr = (src.L > (this.kappa() * this.epsilon())) ? Math.pow((src.L + 16) / 116, 3) : src.L / this.kappa(); var fy = (yr > this.epsilon()) ? (src.L + 16) / 116 : (this.kappa() * yr + 16) / 116; var fx = (src.a / 500) + fy; var fz = fy - (src.b / 200); var fxcube = Math.pow(fx, 3); var fzcube = Math.pow(fz, 3); var xr = (fxcube > this.epsilon()) ? fxcube : (116 * fx - 16) / this.kappa(); var zr = (fzcube > this.epsilon()) ? fzcube : (116 * fz - 16) / this.kappa(); var X = xr * wp.X; var Y = yr * wp.Y; var Z = zr * wp.Z; return [X, Y, Z];}dojo.gfx.Colorspace.prototype.Lab_to_LCHab = function(){ var src = this.munge('Lab', arguments); var L = src.L; var C = Math.pow(src.a * src.a + src.b * src.b, 0.5); var H = Math.atan2(src.b, src.a) * (180 / Math.PI); if (H < 0){ H += 360; }
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -