jsColorを使用してjQueryのボタンの色を取得できません

Question

私は、カラーピッカーのトリガーのように動作するボタンを持っており、キャンバスのテキストの色を変更する必要があります。私が使っているライブラリはjscolorです。

<button class="color-picker-btn jscolor {valueElement:'valueElement', onFineChange:'update(this)', value:'ffffff'}"></button> 
<input id="valueElement"></input> 

JS：コンソールで

function update(jscolor) { 
     console.log(jscolor); 
     canvas.getActiveObject().fill = (jscolor); 
} 

私はこのような何かを得る：

jscolor {value: "ffffff", valueElement: input#valueElement, styleElement: button.color-picker-btn.jscolor.{valueElement:'valueElement',.onFineChange:'update(this)',.value:'ff…, required: true, refine: true…} 
_processParentElementsInDOM:()activeClass:"jscolor-active" 
backgroundColor 
: 
"#FFFFFF" 
borderColor 
: 
"#BBBBBB" 
borderRadius 
: 
8 
borderWidth 
: 
1 
buttonColor 
: 
"#000000" 
buttonHeight 
: 
18 
closable 
: 
false 

は、より多くのラインを..and。どのように色を取得するには？

Answer 1

あなたの問題は、これはボタンで、ここではこれです：

<button class="color-picker-btn jscolor {valueElement:'valueElement', onFineChange:'update(this)', value:'ffffff'}"></button> 
<input id="valueElement"></input> 

あなたはこのように、入力されたオブジェクトを送信することができます色を取る、

<button class="color-picker-btn jscolor {valueElement:'valueElement', onFineChange:'update(valueElement)', value:'ffffff'}"></button> 
<input id="valueElement"></input> 

とJavaScriptの機能でオブジェクトの値」から：ここで

function update(jscolor) { 
    console.log(jscolor.value); 
    canvas.getActiveObject().fill = (jscolor.value); 
} 

はjsfiddleのコードです： https://jsfiddle.net/sidanmor/g8odgju6/