React.js 带有两个拇指的圆形滑块

Question

我正在尝试用两个拇指（旋钮）构建一个圆形滑块。要求非常具体，我们的客户希望它是圆形的，并且应该有两个旋钮。我尝试将 MUISlider 的形状更改为圆形（虽然已经支持两个不是圆形的旋钮）但徒劳无功。

https://codesandbox.io/s/h0esn

我们试过了，但不支持两个旋钮 - https://dmitrymorozoff.github.io/react-circle-slider/

请查找附件图片以供参考，帮助我找到适合我们要求的东西。

Answer 1

您可以尝试使用支持大量自定义的roundSlider 插件。查看下面的演示，了解带有两个拇指的圆形滑块示例：

演示：https://stackblitz.com/edit/react-circular-slider-with-two-thumbs