javascript - Bootstrap Colorpicker からアルファを取得する

Question

Rails プロジェクトでBootstrap Colorpickerを使用しており、JavaScript 関数でアルファを取得したいと考えていました。誰もこれを行う方法を知っていますか? 次の例に示すように、ピッカーから簡単に色を取得できます。

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

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

Answer 1

アルファ値は簡単に取得できます:)カラーオブジェクトに含まれています：ev.color.value.a

これを説明するフィドルを設定しました。コードは次のようになります。

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

alpha変数はnumber、選択した色のアルファ値を持つ です。