canvas基于HTML5 HSV颜色选择器插件

canvas基于HTML5 HSV颜色选择器插件源码下载

看看谁在用

查看文件结构

文件大小:0.03M

资源分类: 插件-选择和筛选

更新时间: 2020-12-01

html5kellycolorpicker是一个简单而独立的颜色选择器JavaScript库,用于呈现画布,HSV颜色拾取。
创建一个html5画布
<canvas id="picker"></canvas>
颜色拾取input
<input id="color" value="#54aedb">
基础调用
new KellyColorPicker({
    place : 'picker', 
    input : 'color'
});
更多配置参数
new KellyColorPicker({

    // 画布大小
    size: 200, 

    // 默认颜色
    color: '#ffffff',

    // or 'quad'
    method: 'triangle',

    //input颜色
    inputColor: true,

    // hex or rgba  
    inputFormat: 'mixed',

    // 从0 至 1
    alpha: 1,

    // 显示滑块
    alphaSlider: false,

    // 自适用窗口
    resizeWith: true

});
一些事件
new KellyColorPicker({
    userEvents: {
      updateinput : function(handler, input, manualEnter) {},
      change : function(handler) {}, 
      mousemoveh : function(event, handler, dot) {}, 
      mouseuph : function(event, handler, dot) {}, 
      mousemovesv : function(event, handler, dot) {}, 
      mouseupsv : function(event, handler, dot) {}, 
      mousemoverest : function(event, handler, dot) {}, 
      mouseupalpha : function(event, handler, dot) {}, 
      mousemovealpha : function(event, handler, dot) {}, 
      setmethod : function (handler, newMethod) {},
      selectcolorsaver : function (handler, colorSaverObj) {},
    }
});
API方法
instance.setColorByHex(hex)
instance.setColor(color)
instance.setColorForColorSaver(color, side)
instance.setColorSaver(side) // side - "left" or "right"
instance.getColorSaver(side)
instance.addUserEvent(eventKey, event)
instance.removeUserEvent(eventKey)
instance.getCanvas()
instance.getCtx()
instance.getInput()
instance.getSvFig()
instance.getSvFigCursor()
instance.getWheel()
instance.getWheelCursor()
instance.getCurColorHsv()
instance.getCurColorRgb()
instance.getCurColorHex()
instance.getCurColorRgba()
instance.getCurAlpha
instance.setAlpha(newAlpha)
instance.updateView(dropBuffer)
instance.resize(newSize)
instance.destroy()

canvas基于HTML5 HSV颜色选择器插件

正在加载文件目录...

也许你还喜欢

  1. jQuery改变网页背景颜色切换
  2. jQuery+CSS3背景颜色渐变生成器
  3. jQuery颜色选择插件tinycolor.js
  4. JS弹出选取自定义颜色插件
  5. jQuery颜色选择器插件
  6. VueJs背景渐变颜色生成器插件
js简约日期选择插件date-selector
  • 标签查找|关于我们|格式化工具|bootstrapmb.com 版权所有 苏ICP备17077179号-2