如何在网页上绘制二维网格或地图？

【问题标题】：How to draw a 2D grid or a map on a web page?如何在网页上绘制二维网格或地图？
【发布时间】：2014-03-03 02:13:06
【问题描述】：

我正在尝试在网页上绘制 2D 网格。我可以在哪里为单个单元格着色。任何示例代码可以做到这一点？

另外，如果有办法做到这一点，那么我也想知道如何调整它的大小或放大和缩小。

谢谢

【问题讨论】：

简单的表格怎么样？
@Hidde：加入 CSS 大队。
你看过html5和canvas吗？
我是新手。
我不能使用桌子。这个网格将用于像地图一样显示，我将为点着色以显示路径。

标签： html css grid-layout

【解决方案1】：

您想绘制什么样的二维网格，为什么？你可以只用一张桌子。

<style>
.black {
background:#000;
}
.grey {
background:#ccc;
}
</style>
<table>
<tr>
<td class="black"></td><td class="grey"></td><td class="black"></td>
</tr>
</table>

等

【讨论】：

这个网格将用于像地图一样显示，我将在其中着色点以显示路径。或者您可以提供的任何建议以更好地做到这一点
除了我提到的明显的表格方法之外，总有画布吗？哪个更复杂，可能没有必要。
我是网络开发新手。我可以看看画布。
酷，好吧，只要谷歌“用画布画画”blog.teamtreehouse.com/how-to-draw-with-html-5-canvas 了解它真的很容易！