Javascript 老虎机为结果画线

我有以下代码：

<div id="machine">
    <div id="0"></div>
    <div id="1"></div>
    <div id="2"></div>
    <div id="3"></div>
    <div id="4"></div>
</div>
<div id="play">
    <button>Play</button>
</div>

玩

我的问题是如何画出下面这样的线来获得结果

---

我也想知道这是否是制作老虎机的好方法。如果不是的话，那怎么办

如果你只需要编写那些旋转的东西，5个div就可以了，但是如果你想画那些线，我建议你用画布来画所有的槽，或者在div上放一块透明的画布来画线

---

画布参考：

如果你只需要对那些旋转的东西进行编码，5个div就可以了，但是如果你想画那些线，我建议你用画布来画所有的槽，或者在div上放一个透明的画布来画线

---

画布参考：

您能告诉我们您试图对这些行执行的操作以及哪些操作没有按预期工作吗？我有老虎机的完整代码。我可以给您提供，请在此处与我联系codeking4u@gmail.com@我从一个API得到结果，并相应地旋转到正确的px。例如，7在中心，它应该是-5640px。但我还没有划定界限，因为我不知道how@LimSY我想说的是，如果你试图画一条线，比如下面的线，并且有一个实际的问题，那么这将有助于你得到更好的答案。否则就不会有真正的问题，也不会有明确的好答案，因此不会花费太多时间来修改它们。你能告诉我们你试图对这些行做什么，以及什么没有按预期工作吗？我有老虎机的完整代码。我可以给你，在这里联系我codeking4u@gmail.com@我从一个API得到结果，并相应地旋转到正确的px。例如，7在中心，它应该是-5640px。但我还没有划定界限，因为我不知道how@LimSY我想说的是，如果你试图画一条线，比如下面的线，并且有一个实际的问题，那么这将有助于你得到更好的答案。否则就不会有真正的问题，也不会有明确的好答案，因此不会投入太多时间来修改它们。