css - 在 Tic Tac Toe 中绘制获胜线的最佳方法

Question

我正在使用 HTML、CSS 和 Javascript 制作井字游戏。对于 9 个盒子，我使用了水平居中的表格。我希望在获胜组合上画一条直线。我应该使用 svg、canvas、div 还是其他任何东西？

<table>
<tr>
<td></td>


... 

</table>

Answer 1

我会建议 3(2 条无敌 1 条可见 svg)行

<svg height="210" width="500">
    <line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" />
</svg>