Question

我知道jquery knob是基于画布的。我仍然想知道在jquery knob中为fgcolor和cursor添加图像的任何其他机会。就像我需要拖动指针图像。所以有机会实现那个???纠正我如果我错了。

我想像这样制作jquery旋钮 http://2.bp.blogspot.com/-S2LYDIMKGJM/UkVTQLDDv6I/AAAAAAAAAV8/zRhIDdhM3dY/s1600/home.jpg

专家帮助我实现这一目标。

提前致谢。

Answer 1

一年多了，但这就是我做到的：

基本上我插了一个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;}

并将div的顶部和左侧设置在jquery knob＆＃39; s＆＃34; draw＆＃34;功能

$("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等），三角公式会有所不同。

我希望它能帮助未来的读者！

Answer 2

您可以使用CSS设置自定义光标：

所以如果你像这样创建了jQueryKnob：

$(".yourKnobClass").knob();

您可以将光标更改为自定义图像，如下所示：

$('.yourKnobClass').css( 'cursor', 'url(yourCustomCursor.png), auto' );

如何在jquery旋钮中为fgcolor添加图像

2 个答案: