Question

我正在使用jquery knob并且在我的用例中我希望光标宽度为百分比，这样当宽度为100％时，光标占据整个圆圈，但是它只需要数值作为输入，我的选项是什么？

   $(function() {
        $(".dial1").knob({
            'bgColor': 'green',
            "skin":"tron",
            'fgColor': 'red',
            'cursor': '100'
        });
    });

如果我给它一个320的值，光标会填满整个圆圈。

Answer 1

据我所知，您唯一的选择是更改jQuery插件的源代码。宽度（以像素为单位）在插件中进行了硬编码，例如在第153行，它表示：

    this.$c = $('<canvas width="' +
                        this.o.width + 'px" height="' +
                        this.o.height + 'px"></canvas>');

this.o.width值是您设置为'cursor': '100'的内容。

您可以通过将px改为%或删除px并添加您想要的任何值来更改插件，例如第153行的示例：

    this.$c = $('<canvas width="' +
                        this.o.width + " height="' +
                        this.o.height + "></canvas>');

而在init中执行类似的操作：

$(function() {
    $(".dial1").knob({
        'bgColor': 'green',
        "skin":"tron",
        'fgColor': 'red',
        'cursor': '100%'
    });
});

Answer 2

我正在使用一种解决方法，如果我想要x百分比显示而且总和是y那么我正在做（x / y）* 320它给出了光标宽度的百分比，因为x是动态的，光标一直在填充圆圈随着这个值的增加。由于这是一个非常具体的问题，我不希望很快就会有任何其他答案将此标记为答案。

jquery knob光标宽度百分比

2 个答案: