网站中的交互图：我需要学习什么？我需要使用哪些工具？
Interactive diagram in a website : What do I need to learn ? Which tools do I need to use?
完全初学者。我想制作一个网站，以交互式图表的形式提供在线游戏的 2D 地图。
看起来像这样的东西：http://i.imgur.com/DrRyZtF.png
感谢安全的身份验证系统，点击网站上的某个位置会触发游戏客户端中的特定操作。
我需要学习什么：
- 用节点和连接节点的线绘制图表
- 使网站和游戏客户端之间的节点交互
我已经开始看https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML，我不知道从哪里开始。
最简单的方法是 image-map，但这仅适用于您的地图是不会动态变化的静态图像的情况。它基本上只是一个图像，您可以定义区域，例如添加 click-event 和 javascript.
如果您需要做更复杂的事情，我建议您查看 html canvas and svg。
完全初学者。我想制作一个网站，以交互式图表的形式提供在线游戏的 2D 地图。
看起来像这样的东西：http://i.imgur.com/DrRyZtF.png
感谢安全的身份验证系统，点击网站上的某个位置会触发游戏客户端中的特定操作。
我需要学习什么：
- 用节点和连接节点的线绘制图表
- 使网站和游戏客户端之间的节点交互
我已经开始看https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML，我不知道从哪里开始。
最简单的方法是 image-map，但这仅适用于您的地图是不会动态变化的静态图像的情况。它基本上只是一个图像，您可以定义区域，例如添加 click-event 和 javascript.
如果您需要做更复杂的事情，我建议您查看 html canvas and svg。