как сделать сложный и интерактивный объект SVG, используя встроенный SVG

Question

Я хочу включить этот внедренный SVG-объект в качестве интерактивного веб-элемента в мое веб-приложение.

В пределах всего этого svg эти (отмеченные красным) помеченные объекты будутобщаться через ajax, вызывая отдельное приложение, которое будет определять их состояние (изменение положения или цвета) во время выполнения.

Как новичку в svg, нужна помощь, чтобы определить, как я могу построить этот объект SVG, для моегоособая цель.Нашел встроенный SVG лучше среди других.Любая более удобная идея полезного инструмента или онлайн-платформа для рисования этого SVG-объекта, будет действительно отличной помощью.

Answer 1

Все элементы SVG загружаются в DOM, поэтому вы можете манипулировать загруженным SVG через javascript или использовать библиотеку, чтобы помочь вам в этом, исходя из моих личных предпочтений, я бы порекомендовал посмотреть что-то вроде SVG.JS , который позволяет вам легко создавать / манипулировать изображениями SVG через JavaScript.