HTML 5画布 - 网格块填充

5
我已经创建了一个画布,并成功地写出了一个类似于网格纸的网格,其中包括X和Y坐标。现在我想做的是:
- 当有人用鼠标点击网格中的一个方块时,该方块将会变成不同的颜色。 - 一旦选择了一个方块,其数据就不会再改变。
1个回答

6

您需要一个单独的2D数组,以维护每个(x,y)网格位置的状态。

当发生点击事件时,检查该状态数组以查看该单元格是否已被点击,并根据需要更新画布。

我创建了一个小演示以展示: http://jsfiddle.net/alnitak/xN45K/


这是我目前拥有的代码。我不确定你的代码是否能实现我想要的功能。http://jsfiddle.net/lank81/Yv3d4/ - Matthew Lancaster
@MatthewLancaster 在你创建状态数组后,你还没有对它进行任何操作。仔细查看我的代码,并了解我如何在每次点击时查询(和更新)状态表。你还没有点击处理程序。 - Alnitak
感谢Alnitak。我稍微改了一些东西,但总体上你的解决方案让我朝着正确的方向前进。http://jsfiddle.net/lank81/Yv3d4/5/ - Matthew Lancaster

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接