javascript - 使用颜色选择器 jquery 更改图像的颜色

Question

我目前需要一些帮助，我正在使用 [Jquery Minicolors 颜色选择器][1]，我想实现这个 png 颜色选择器透明度到 png 图像基本上是彩色 png 图像而不单击按钮预览来应用它基本上我想将它包含在jquery Minicolors 插件我自己做了一个演示，但我自己不是很了解我需要帮助..

让我尽可能让自己清楚，我想做的是建立Jquery Minicolors颜色框来自动更改而不需要单击预览按钮来更改颜色，我想实现更改颜色png图像透明度到jQuery Minicolors。

Answer 1

侦听颜色选择器的更改事件并在回调期间应用更改。

初始化颜色选择器时，提供修改图像的更改回调。

$("pickerElement").miniColors({
  change: function(hex, rgb) {
    // use the values above to manipulate image.
  }
})

每次更改颜色时都会调用此函数。