Skip to content

一款简易的拾色器插件,可以获取 RGB 和 16 进制值

Notifications You must be signed in to change notification settings

ajccom/color-picker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Color Picker

一款简易的拾色器插件,功能如下:

  • 获取 RGB\HEX 值;
  • 色值改变时执行回调;

安装

<script src="color-picker.js"></script>
插件需要 jQuery 支持,请确保页面中有使用 jQuery

使用

一般用法:

// 将拾色器放入 dom 元素中并初始化
colorPicker.init(dom)

// 获取拾色器当前 RGB 值
colorPicker.getRGB()

设置色值变化回调函数:

colorPicker.init(dom, function (rgb, hex) {
  console.log(rgb, hex)
})

回调函数有两个参数分别为实时颜色的 RGB 值和 16 进制值。

方法

方法 参数 说明
init [Object][, Function] 初始化函数,返回拾色器元素
getRGB - 获取当前颜色的 RGB 值
getHEX - 获取当前颜色的 16 进制值
destory - 销毁拾色器

Thanks

About

一款简易的拾色器插件,可以获取 RGB 和 16 进制值

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published