从Bootstrap Colorpicker获取alpha

时间:2012-07-24 10:44:05

标签: javascript twitter-bootstrap color-picker

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

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

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

1 个答案:

答案 0 :(得分:0)

您可以轻松获取alpha值:)您可以在颜色对象中找到它:ev.color.value.a

我设置了fiddle来说明这一点。代码如下:

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

alpha变量是number,其alpha值为所选颜色。