tbhuabi/color-picker

颜色选择器

颜色选择器

安装

npm install @tanbo/color-picker

使用

import { createPicker } from '@tanbo/color-picker';

const picker = createPicker(document.getElementById('picker'));

// 当用户确认选中颜色后触发
picker.onSelected.subscribe(() => {
  console.log(picker.rgb)
})

// 当用户选择颜色时触发
picker.onChange.subscribe(() => {
  console.log(picker.rgb)
})

// 设置选择器的颜色，你还可以设置其它格式，如 rgba、hex、hsl 等
picker.rgb = {
  r: 255,
  g: 255,
  b: 255
};