color-picker-zengsg v1.0.12

color-picker

功能介绍

基于原生 js 实现的 color-picker。

使用

下载

npm i color-picker-zengsg --save

基本使用

html

<div class="test-container"></div>

css

 .test-container {
    position: relative; // 容器需要使用相对定位
    width: 520px;
    height: 230px;
    background: #ddd;
  }

js

import { ColorPicker } from "color-picker-zengsg";
new ColorPicker({
    container: document.querySelector(".test-container"),
    mode: ColorPicker.INPUT_TEXT_MODE_TYPE.HEX, //HEX: #FF0000 ，RGB: rgb(255,0,0)
    defaultColor: [255,0,0],  // red
    update: (color) => {}
});

属性说明