标签：arr 颜色 color js return var 转换 Math 255
1 /* RGBColor
2 parameter:
3 r, g, b
4
5 method:
6 set(r, g, b: Number): this; //rgb: 0 - 255; 第一个参数可以为 css color
7 setFormHex(hex: Number): this; //
8 setFormHSV(h, s, v: Number): this; //h:0-360; s,v:0-100; 颜色, 明度, 暗度
9 setFormString(str: String): Number; //str: 英文|css color; 返回的是透明度 (如果为 rgba 则返回a; 否则总是返回1)
10
11 copy(v: RGBColor): this;
12 clone(): RGBColor;
13
14 getHex(): Number;
15 getHexString(): String;
16 getHSV(result: Object{h, s, v}): result; //result: 默认是一个新的Object
17 getRGBA(alpha: Number): String; //alpha: 0 - 1; 默认 1
18 getStyle() //.getRGBA()别名
19
20 stringToColor(str: String): String; //str 转为 css color; 如果str不是color格式则返回 ""
21
22 */
23 class RGBColor{
24
25 constructor(r = 255, g = 255, b = 255){
26 this.r = r;
27 this.g = g;
28 this.b = b;
29
30 }
31
32 copy(v){
33 this.r = v.r;
34 this.g = v.g;
35 this.b = v.b;
36 return this;
37 }
38
39 clone(){
40 return new this.constructor().copy(this);
41 }
42
43 set(r, g, b){
44 if(typeof r !== "string"){
45 this.r = r || 255;
46 this.g = g || 255;
47 this.b = b || 255;
48 }
49
50 else this.setFormString(r);
51
52 return this;
53 }
54
55 setFormHex(hex){
56 hex = Math.floor( hex );
57
58 this.r = hex >> 16 & 255;
59 this.g = hex >> 8 & 255;
60 this.b = hex & 255;
61 return this;
62 }
63
64 setFormHSV(h, s, v){
65 h = h >= 360 ? 0 : h;
66 var s=s/100;
67 var v=v/100;
68 var h1=Math.floor(h/60) % 6;
69 var f=h/60-h1;
70 var p=v*(1-s);
71 var q=v*(1-f*s);
72 var t=v*(1-(1-f)*s);
73 var r,g,b;
74 switch(h1){
75 case 0:
76 r=v;
77 g=t;
78 b=p;
79 break;
80 case 1:
81 r=q;
82 g=v;
83 b=p;
84 break;
85 case 2:
86 r=p;
87 g=v;
88 b=t;
89 break;
90 case 3:
91 r=p;
92 g=q;
93 b=v;
94 break;
95 case 4:
96 r=t;
97 g=p;
98 b=v;
99 break;
100 case 5:
101 r=v;
102 g=p;
103 b=q;
104 break;
105 }
106
107 this.r = Math.round(r*255);
108 this.g = Math.round(g*255);
109 this.b = Math.round(b*255);
110 return this;
111 }
112
113 setFormString(color){
114 if(typeof color !== "string") return 1;
115 var _color = this.stringToColor(color);
116
117 if(_color[0] === "#"){
118 const len = _color.length;
119 if(len === 4){
120 _color = _color.slice(1);
121 this.setFormHex(parseInt("0x"+_color + "" + _color));
122 }
123 else if(len === 7) this.setFormHex(parseInt("0x"+_color.slice(1)));
124
125 }
126
127 else if(_color[0] === "r" && _color[1] === "g" && _color[2] === "b"){
128 const arr = [];
129 for(let k = 0, len = _color.length, v = "", is = false; k < len; k++){
130
131 if(is === true){
132 if(_color[k] === "," || _color[k] === ")"){
133 arr.push(parseFloat(v));
134 v = "";
135 }
136 else v += _color[k];
137
138 }
139
140 else if(_color[k] === "(") is = true;
141
142 }
143
144 this.set(arr[0], arr[1], arr[2]);
145 return arr[3] === undefined ? 1 : arr[3];
146 }
147
148 return 1;
149 }
150
151 getHex(){
152
153 return Math.max( 0, Math.min( 255, this.r ) ) << 16 ^ Math.max( 0, Math.min( 255, this.g ) ) << 8 ^ Math.max( 0, Math.min( 255, this.b ) ) << 0;
154
155 }
156
157 getHexString(){
158
159 return '#' + ( '000000' + this.getHex().toString( 16 ) ).slice( - 6 );
160
161 }
162
163 getHSV(result){
164 result = result || {}
165 var r=this.r/255;
166 var g=this.g/255;
167 var b=this.b/255;
168 var h,s,v;
169 var min=Math.min(r,g,b);
170 var max=v=Math.max(r,g,b);
171 var l=(min+max)/2;
172 var difference = max-min;
173
174 if(max==min){
175 h=0;
176 }else{
177 switch(max){
178 case r: h=(g-b)/difference+(g < b ? 6 : 0);break;
179 case g: h=2.0+(b-r)/difference;break;
180 case b: h=4.0+(r-g)/difference;break;
181 }
182 h=Math.round(h*60);
183 }
184 if(max==0){
185 s=0;
186 }else{
187 s=1-min/max;
188 }
189 s=Math.round(s*100);
190 v=Math.round(v*100);
191 result.h = h;
192 result.s = s;
193 result.v = v;
194 return result;
195 }
196
197 getStyle(){
198 return this.getRGBA(1);
199 }
200
201 getRGBA(alpha){
202 alpha = typeof alpha === 'number' ? alpha : 1;
203 return 'rgba('+this.r+','+this.g+','+this.b+','+alpha+')';
204 }
205
206 stringToColor(str){
207 var _color = "";
208 for(let k = 0, len = str.length; k < len; k++){
209 if(str[k] === " ") continue;
210 _color += str[k];
211 }
212
213 if(_color[0] === "#" || (_color[0] === "r" && _color[1] === "g" && _color[2] === "b")) return _color;
214 else{
215 for(let k = 0, len = ColorRefTable.length; k < len; k++){
216 str = ColorRefTable[k];
217 if(str[0] === _color) return str[1];
218 }
219 }
220
221 return "";
222 }
223
224 }
225
226 Object.defineProperties(RGBColor.prototype, {
227
228 isRGBColor: {
229 configurable: false,
230 enumerable: false,
231 writable: false,
232 value: true,
233 }
234
235 });
标签：arr,颜色,color,js,return,var,转换,Math,255 来源： https://www.cnblogs.com/weihexinCode/p/16321329.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。