javascript - 从 Bootstrap Colorpicker 获取 alpha

Question

我在我的 Rails 项目中使用Bootstrap Colorpicker，并希望在我的 JavaScript 函数中获取alpha 。有谁知道如何做到这一点？我可以很容易地从选择器中获取颜色，如示例所示：

$(function(){
  var bodyStyle = document.getElementById('body').style;

  $('#cp4').colorpicker().on('changeColor', function(ev){
    bodyStyle.backgroundColor = ev.color.toHex();
  });
});

Answer 1

您可以轻松获得 alpha 值:) 您在颜色对象中拥有它：ev.color.value.a

我设置了一个小提琴来说明这一点。代码如下所示：

$('#picker').colorpicker().on('changeColor', function(ev){
    alpha = ev.color.value.a;
    console.log(alpha);
    $('#alpha').append(alpha  + '</br>')
});​

alpha变量是number带有所选颜色的 alpha 值的 a 。