Question

我想在CMYK中使用漂亮的jQuery colorpicker（https://github.com/vanderlee/colorpicker）颜色。

要从我使用的对话框中获取cmyk值

 colorFormat: ['EXACT', 'cp;mp;yp;kp'],

这会产生类似的结果

 0;68.157958984375;68.157958984375;20.1904296875

但是当我再次打开颜色选择器对话框时，颜色未确定。

看来，EXACT模式不用于阅读。

你可以用以下方法测试：

<!DOCTYPE html>
<html><head>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>
 <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-lightness/jquery-ui.css" rel="stylesheet" type="text/css"/>
 <script src="colorpicker/jquery.colorpicker.js"></script>
 <link type="text/css" rel="stylesheet" href="colorpicker/jquery.colorpicker.css"></link>
</head>
<body>
<input type="text" class="cp-full" value="0;83.782958984375;83.782958984375;4.736328125" style="width:350px" />
<script>
$(function() {
    $('.cp-full').colorpicker({
        parts: ['map', 'bar', 'hex', 'rgb', 'alpha', 'cmyk', 'preview' ],
        showOn: 'both',
        colorFormat: ['EXACT', 'cp;mp;yp;kp'],

        init: function(event, color) {
            console.log(color);
        },      
    });
});
</script>
</body>

那么，我该怎么做？

（我看了一下init被触发的对象，但我认为这是迟到的。也许有一个早期事件要从字段中拆分值。）

Answer 1

插件的文档没有说明自定义阅读的方法，检查代码，您可以看到解析器CMYK和CMYK percent都需要格式{{1} }。但随着以下＆＃34; hack＆＃34; （添加cmyk(value, value, value, value)事件以读取输入值并更新控件颜色）您可以循环解决问题并在每次单击控件时显示以前选择的颜色：

open

如何在jQuery.colorpicker中使用CMYK颜色？

1 个答案: