Использование SVG-файла в JS для стратегической игры - PullRequest
0 голосов
/ 17 февраля 2020

По сути, я пытаюсь превратить бота в приложение под названием Discord, и у меня есть проблема:

Это бот, связанный с играми военной стратегии, такими как Hearts of Iron и Civilization.

У вас есть команда «бросить», с помощью которой вы можете атаковать место, и в зависимости от того, выиграете ли вы, это место будет под вашим контролем.

Теперь проблема в том, что эти «места» бывают штаты и провинции; все они.

У меня есть изображение SVG со всеми этими данными, оно составляет 4,8 МБ и имеет, если я правильно помню, около 17-18k строк кода (как XML).

Можно ли как-нибудь использовать картинку XML и ее пути и т.д. c с JS? Должен ли я сделать это, например, с помощью Canvas или чего-то еще?

Карта будет отображаться с помощью команды map

Если вы не знаете, что такое Discord: https://discord.gg

Изображение svg: https://upload.wikimedia.org/wikipedia/commons/d/d9/Blank_Map_World_Secondary_Political_Divisions.svg 1

Спасибо:)

1 Ответ

0 голосов
/ 15 марта 2020

Вы можете назначить каждому пути идентификатор с id = «», а затем использовать getElementById. Вы также можете назначить каждому пути функцию onclick () и назначить пути к классу для обеспечения таких функций, как изменение цвета при наведении.

...