0

jquery ノブがキャンバス ベースであることはわかっています。それでも、jqueryノブにfgcolorとcursorの画像を追加する他の機会を知りたいです。ドラッグするにはポインター画像が必要です。それで、それを達成するチャンスはありますか??? 私が間違っている場合は修正してください。

このようなjqueryノブを作りたい http://2.bp.blogspot.com/-S2LYDIMKGJM/UkVTQLDDv6I/AAAAAAAAAV8/zRhIDdhM3dY/s1600/home.jpg

専門家が親切にこれを達成するのを手伝ってくれます。

前もって感謝します。

4

2 に答える 2

2

1年以上遅れましたが、これが私がやった方法です：

https://jsfiddle.net/gp536mv1/

基本的にdivを挿入しました

<div class="knob">
  <input class="knob" value="0" data-linecap="round" >
  <div id="soundSymbol"></div>
</div>

とposition:absolute:

#soundSymbol{position: absolute; font-size: 500%; pointer-events:none;}

jqueryノブの「描画」機能内のdivの上部と左側を設定します

$("input.knob").knob({
    'draw': function () {
        var degInRad = this.cv*Math.PI/180;
        $('#soundSymbol').css({top:this.xy-this.radius*Math.cos(degInRad)-50, left: this.xy+this.radius*Math.sin(degInRad)-30});
    }
});

使用しているノブのタイプ (angleArc、angleOffset など) によって、三角関数の公式は異なります。

将来の読者に役立つことを願っています！

于 2016-01-22T05:23:09.723 に答える