圆形滑块半色

【问题标题】：Half color of roundslider圆形滑块半色
【发布时间】：2016-06-08 18:38:27
【问题描述】：

我正在使用Round slider 库。这是我的演示站点Demo link。我的圈子有两种颜色，一种是灰色，另一种是橙色。如果我移动手柄黑色显示。但我只想在灰色 colot 中显示这种黑色，而不是橙色。意味着我想从橙色部分消除黑色。下图也可以解释

【问题讨论】：

我怀疑您只需要在创建 RoundSlider 时调整 width 属性。也许尝试15 而不是30。

标签： javascript jquery css jquery-plugins round-slider

【解决方案1】：

根据此处的文档：http://roundsliderui.com/document.html#width

宽度表示滑块的宽度（或厚度）。

所以不妨试试这个：

$("#slider").roundSlider({
  sliderType: "min-range",
  radius: 160,
  startAngle: 90,
  endAngle: 216,
  min: 0,
  max: 35,
  value: 0,
  width: 15,
  handleSize: "20,0",
  handleShape: "square",
  change: "valueChange",
  drag: "valueChange"
});

将width 属性从30 更改为15 应该会更改滑块的宽度。

【讨论】：

非常感谢。我知道这个属性。但现在我失去了橙色。我想要这两种颜色。但宽度可达灰色。我使用这张图片作为背景，它有两种颜色你可以看到demo.glowsol.com/myskinrecipes.com/wizard/images/…。
我想保留我的背景图片。 #slider .rs-range-color 颜色仅适用于灰色。
我想保持我的背景图像只是减少到黑色。
请在 jsfiddle.com 等提供一个工作示例。