目標: 通過傳參方式,返回處理過的資料, 引數型別可以是string字串,也可以是陣列,具體可轉格式如下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字串,也可以是陣列,具體可轉格式如下物件轉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...