如何使用嵌入式SVG制作复杂且交互式的SVG对象

Question

我想将此embedded-SVG-Object作为交互式Web元素包含在我的Web应用程序中。

在整个svg中，这些（红色）标记的覆盖对象将通过ajax调用与单独的应用程序通信，该应用程序将在运行时确定其状态（位置或颜色的变化）。

作为svg的新手，需要帮助以确定如何为我的特定目的构建此SVG对象。发现内联SVG更好。绘制此SVG对象的任何简便易用的有用工具构想或在线平台，都将非常有帮助。

Answer 1

SVG的所有元素均已加载到DOM中，因此您可以通过javascript操纵已加载的SVG，也可以使用一个库来帮助您完成此操作，根据我个人的喜好，我建议您查看类似{{ 3}} wich可让您通过javascript轻松构建/处理svg图像。