Kendo UI Web中顏色拾取器的使用

  顏色拾取器ColorPicker是 Kendo UI Web中的用於顏色選擇的下拉組件,這個設計採用了一個友好的操做界面來替換一個HTML5 <input type="color">域,這個域在對於大多數的瀏覽器並非都支持。  如何用這個顏色拾取器呢,在下面的文章中將會具體的用示例進行說明:

啓用顏色拾取器>>>示例代碼 html

配置顏色拾取器 web

  當你調用了kendoColorPicker時,你能夠用配置選項傳遞一個參數。默認的下拉是一個HSV顏色選擇器,界面效果以下: 瀏覽器

HTML5 Web app開發工具Kendo UI Web教程:顏色拾取器的使用  (圖1) app

得到一個簡單的顏色拾取器>>> 示例代碼

經過上面的代碼,將會獲得以下圖的一個包含20中個顏色的拾取器: 工具

HTML5 Web app開發工具Kendo UI Web教程:顏色拾取器的使用  (圖2) 開發工具

得到「web-safe」顏色板>>>示例代碼 設計

經過上面的代碼將會獲得以下圖所示的一個有着216中顏色的「web-safe」面板。
HTML5 Web app開發工具Kendo UI Web教程:顏色拾取器的使用
  (圖3) htm

對簡單的拾取器自定義顏色>>> 示例代碼
相關文章
相關標籤/搜索