老虎機畫線的結果

Question

我有以下代碼：

<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> 

JSFiddle

我的問題是我怎麼畫像下面的線，結果呢？

此外，我想知道這是用於製造老虎機的好辦法。如果不是如何，那麼呢？

Answer 1

如果你只有到這些代碼紡紗的事情，5個格本來就好，但如果你想畫的線，我建議你使用畫布繪製所有的插槽，或將透明畫布在你的divs只畫線。

帆布參考：http://www.w3schools.com/html/html5_canvas.asp