js颜色获取插件xncolorpicker

xncolorpicker是一个美丽的、功能丰富的JavaScript颜色和梯度选择的web组件。

设置格式‘rgba’, ‘hex’, 或者‘hsla’.

var xncolorpicker = new XNColorPicker({
    selector: "#colorpicker",
    format: "rgba"
})

是否显示面板

var xncolorpicker = new XNColorPicker({

    selector: "#colorpicker",
    showPalette: false // default: true

})

确定是否在页面加载显示颜色选择器。

var xncolorpicker = new XNColorPicker({

    selector: "#colorpicker",
    show: false // default: true

})

一些事件处理方法

var xncolorpicker = new XNColorPicker({

    onError: function (e) {
      // do something
    },

    onCancel:function(color){
      console.log("cancel",color)
    },

    onChange:function(color){
      console.log("change",color)
    },

    onConfirm:function(color){
      console.log("confirm",color)
    }

})