网站中的交互式图表：我需要学习什么？我需要使用哪些工具？

Question

完全初学者。我想以互动图的形式建立一个提供在线游戏2D地图的网站。

看起来像这样：http://i.imgur.com/DrRyZtF.png

由于安全的身份验证系统，点击网站上的某个位置会触发游戏客户端中的某个操作。

我需要学习什么：

• 使用节点和连接节点的线条绘制图表
• 在网站和游戏客户端之间建立节点互动

我已经开始关注https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML，我不知道从哪里开始。

Answer 1

最简单的方法是https://github.com/wagtail/wagtail/blob/master/wagtail/wagtailforms/models.py#L154，但这仅适用于您的地图是动态不变的静态图像。它基本上只是一个图像，你可以定义你可以在哪些区域，例如使用javascript添加点击事件。

如果您需要做更复杂的事情，我建议您查看image-map和html canvas。

如果你不想自己创造全新的轮子，这里有一个漂亮的javascript框架： svg或gojs