问题标签 [jquery-knob]

我想使用 HTML5 Canvas 实现类似 jQuery Knob 的效果，但使用圆形旋钮/光标，而不是 jQuery Knob 所做的笔划光标效果。

基于 jQuery Knob 代码，我设法将 onMouseMove 事件与我的圆形旋钮/光标连接起来，以便圆形旋钮根据鼠标所在位置的 X 和 Y 坐标移动。但是，我不能像此示例一样“限制”旋钮仅在圆形路径上/沿圆形路径移动，因此如果我在圆形路径内单击/鼠标按下，圆形旋钮将移动到路径内。

有没有办法只使用 Canavas 和 jQuery 来实现这一点，而不是像上面的例子那样使用 Raphael？

我的一个想法是，只要在路径外发生 mousemove 事件（像这样） ，就将圆形旋钮移回轨道（在路径上）。然而，没有运气成功地为此计算。我可以使用任何数学/几何公式来实现这一目标吗？

我对美妙的 jquery 旋钮进行了扩展，将其转换为度数范围输入。在具有负 z-index 的 div 内的旋钮上放置了一个透明的罗盘 png 图像，因此鼠标单击将与旋钮交互，而不是与 img 交互。

现在，当我将旋钮放在没有背景颜色的 div 中时，指南针 png 会在页面加载时显示。

但是，如果包含的 div 具有背景颜色，则 png仅在用户开始标记范围后显示（在紫色圆圈上顺时针拖动范围）。

这是问题的演示：http: //infoxicate.me/testknob.html

编辑：演示页面不再演示问题，因为它已解决......

我有这个代码片段来扩展我的旋钮属性......

如何包含边框属性说，边框= 1px 实心#000; .... 这里

我正在使用 jQuery 库 FineUploader & Knob 来实现人造循环加载效果。

我目前的代码是：

问题是“完成”功能将在“加载器”完成 75% 的动画之前运行。

我希望“完成”回调等到动画完成......

作为奖励，我希望动画能够实际采用正确的值 Fineuploader 百分比，所以我不必伪造它！

我可以帮助您更好地理解吗？让我知道！

我找到了一个使用旋钮/滑块来控制地图不透明度的地图示例。我想使用相同的旋钮/滑块，但用于不同的东西而不是地图的一部分。我有代码（http://www.maptiler.org/google-maps-overlay-opacity-control/）但我不确定我需要提取什么才能简单地保留旋钮并能够使用它显示（例如）1 到 1000 之间的数字的网页。

感谢帮助，谢谢

我正在使用 jQuery 1.8 和aterrien 的 jQuery-Knob

我通过输入动画制作了一个圆圈，并通过rel属性管理值。检查以下代码：

您可以在http://jsfiddle.net/itskawsar/U72TB/检查工作小提琴

但是我需要在一页中有多个圆圈，每个圆圈都有不同的值。所以我只是多次复制输入字段，并更改了每个字段的值。但是这次它在不改变圆值的情况下运行良好。

例如，我有 3 个输入，每个输入都有 20、35、95 的rel属性。现在，当我运行脚本时，脚本使所有 3 个圆圈都带有动画并填充 20。但它应该填充 20、35 和 95。请帮助我。

提前致谢。

我有网络音频 api 和 JQuery 旋钮库工作......但不完全。旋钮滑块控制输入滑块，但该值似乎没有传递给我想要影响的参数。

一个简单的例子见这里：

http://jsfiddle.net/RKH35/1/

代码：

我在动画 jquery 旋钮时遇到问题。正如您在我的示例中看到的，只有最后一个动画。

关联

我在我的一个项目中使用 Jquery 旋钮来显示圆形输入控件。在所有支持 HTML5 的浏览器中都可以正常工作，但是在 Micromax canvas A110 设备中查看时，旋钮的圆圈没有显示？这是浏览器问题还是设备问题？预先感谢。

前几天我遇到了 jQuery Knob，它非常适合我正在进行的项目。很棒的工作安东尼：

目标是使用从存储所需数据的对象数组中收集的数据创建一个旋钮并在页面上显示。

我需要实现的是循环通过 $.each(data, function... 循环或 for 循环，每个循环之间有一个暂停。

像这样的东西：

我尝试了 setIntervals 和 setTimeout，我确实让它在一个阶段工作，但是 jquery-knob.js 文件的所有 css 都不会加载，这是它绘制旋钮的重要部分。

在开发方面我仍然很绿色，所以任何带有解释的例子都会有帮助。谢谢。

最后，我使用下面的代码实现了预期的效果，将变量解析为页面刷新，但这只是一种解决方法。