使用JS中的svg文件进行策略游戏



基本上,我正试图将一个机器人程序制作成一个名为Discord的应用程序,但我遇到了一个问题:

这是一个与战争策略游戏有关的机器人,如《钢铁之心》和《文明》。

你有一个"滚动"命令,你可以使用它攻击一个地方,根据你是否获胜,这个地方将在你的控制之下。

现在的问题是,这些"地方"恰好是州和省;所有这些。

我有一张包含所有这些数据的SVG图片,它是4.8mb,如果我没记错的话,大约有17-18k行代码(作为XML(。

有没有办法,我可以使用JS的XML图片及其路径等?我应该用Canvas或其他东西来做吗?

地图将使用"地图"命令显示

如果你不知道Discord是什么:https://discord.gg

svg图片:https://upload.wikimedia.org/wikipedia/commons/d/d9/Blank_Map_World_Secondary_Political_Divisions.svg1

谢谢:(

您可以为每个路径分配一个id为"的id,然后使用getElementById。您还可以为每个路径指定一个onclick((函数,并将路径分配给一个类,以提供悬停时颜色更改等功能。

最新更新