如何将事件添加到使用html5绘制的矩阵？

Question

我只需要一个开发建议。我没有那么丰富的经验，所以我不知道我拥有的所有可能性。 因此，我尝试使用javascript开发填字游戏生成器。 我想到了使用HTML5线在画布上绘制矩阵的方法，因为必须生成矩阵，所以我想到了按一下按钮就可以做到这一点。 矩形会更好吗？ 还是存在其他方式来实现矩阵？ 最重要的问题是：如何在矩阵上添加事件以便可以在其中写字母？ 我所需要的只是建议去哪里看，特别是添加事件。 目前这是一个障碍，因此请您提供帮助。 谢谢。

Answer 1

如果使用画布开发此填字游戏，则将使用一个包含对其他节点的引用的节点结构。 例如，

function node(){
//dims
    this.x;
    this.y;
    this.width;
    this.height;
//
    this.id;
    this.neighbors = [];
...
}

为了将事件附加到特定节点，您必须考虑宽度和高度（节点）来确定画布鼠标的位置（e）的X，Y位置，因此，如果用户单击某个节点，则需要找出该节点的ID并执行有东西。

对于绘制，对每个节点使用带有fillText（）的strokeRect（）。

...我的A *寻路实施可能会为您提供帮助。 （图形，带画布的Node结构）也为代码混乱或错误感到抱歉，这只是为了好玩。

实作

Github

我希望这可以帮助你。 节日快乐。