ColorPicker 顏色選擇器 處理rgba

目標: 通過傳參方式,返回處理過的資料, 引數型別可以是string字串,也可以是陣列,具體可轉格式如下

rgba(153, 5, 5, 1) 轉化為

color:

[ 'rgba(153, 5, 5, 1)', 'rgba(153, 5, 5, 1)' ] 轉化為[	,

]

/**

* rgba(153, 5, 5, 1)轉 
* rgba處理函式
* @params  string/array => obj/array
*/export
const
colorobj
=(str)
=>
;let arr =
;if(str)
;        strarr = str[key]
.split
("(")[
1].split
(")")[
0].split
(",");
// 將rgba分割成陣列
strobj.r =
number
(strarr[0]
.trim()
);strobj.g =
number
(strarr[1]
.trim()
);strobj.b =
number
(strarr[2]
.trim()
);strobj.a =
number
(strarr[3]
.trim()
);arr.
push
(strobj);}
return arr;
}else
else
}return obj;
}else
};

通過傳參方式,返回處理過的資料, 引數型別可以是string字串,也可以是陣列,具體可轉格式如下

color:   

轉化為rgba(153, 5, 5, 1)

[	,	

]轉化為
[ 'rgba(153, 5, 5, 1)', 'rgba(153, 5, 5, 1)' ]

/**

*  轉 rgba(153, 5, 5, 1)
* [,] 轉 ['rgba(153, 5, 5, 1)','rgba(153, 5, 5, 1)']
* rgba處理函式
* @params  obj => str
*/export
const
colorstr
=(obj)
=>,$
,$,$
)`)}return arr;
}else,$
,$,$
)`;}}
else
};

Colorpicker前端外掛程式

利用colorpicker外掛程式在前端可以選擇合適的顏色。在bjui框架中，讓datagrid也支援對應colorpicker的顏色支援。dialog的編輯是利用儲存前端變化資料和原始行記錄進行merge，得到新的記錄。資料無法儲存，colorpicker雖然讓input的字段發生變化，但是沒有觸...

UWP 新控制項ColorPicker

fall creators update中提供了乙個新得colorpicker控制項，解決了以前選擇顏色只能用combo box的窘境。如上所示，colorpiker可以通過在光譜或色輪上拖動滑塊，或者在rgb hsv及十六進製制的textbox中直接輸入顏色的數值改變color屬性。colorpi...

django自定義Color Picker控制項

django提供了豐富的部件，以滿足我們對各種html控制項的需求。並且如果有特別的要求，我們還可以很容易的編寫自己的控制項，本文主要內容是自定義乙個顏色選擇器的控制項，該控制項是在input的基礎上，實現顏色的選擇和展示。如果你不知道如何實現自定義django的form控制項的話，可以檢視djan...