Question

目前，如果我选择新颜色，则没有任何反应。我想要的是将brushColour设置为所选颜色。我正在使用http://www.eyecon.ro/colorpicker/#implement 但似乎无法理解方向。除了将颜色设置为全局变量之外，一切都有效。

以下是我一直在尝试的一些内容：

function mouseup() {
  paint = false;
  //brushColour = document.getElementById('color').value;
  //brushColour = $('input').ColorPicker(color);
 // brushColour = $('input').ColorPickerSetColor(color);
  //document.getElementById('color').value = brushColour;
  //brushColour = $('input').ColorPickerSetColor(color).value;
 // brushColour = $('#colorpickerHolder').value;
 //brushColour = $('ColorPicker').value;
  alert(brushColour);

}

在这里你可以看到我做了什么，你可以测试它，我有一个警告，告诉你释放鼠标时的颜色的十六进制。我也有一些控制台日志用于鼠标点击和取消点击。 http://www.taffatech.com/Paint.html

如何解决这个问题的任何帮助都会很棒！

Answer 1

您只需要找到十六进制值的输入框的值。您可以使用以下方法获得此信息：

var brushColour = $('.colorpicker_hex>input').val()

Answer 2

你应该礼貌地要求ColorPicker在颜色变化时将颜色设置为变量。 :)

$('#colorpickerHolder').ColorPicker({
  flat:     true,
  onChange: function (hsb, hex, rgb) { brushColour = "#" + hex; },
});

在您的网站上使用颜色选择器

2 个答案: