Javascript 在HTML中使用电气元件表示的数据模型

我想创建一个交互式网页，允许您与电气元件进行交互。 互动会很简单。当您关闭一个开关时，电路图中相应的线路将突出显示。 我发现SVG在某种程度上与图形元素交互，但SVG中仍然没有明确规定不同电路元素的连接。有可能做这样的事吗？

---

我想获得电气零件表达的所有连接零部件的列表。是否有任何图形模型可以帮助我？

如果您询问的是gfx或electric modeling，则有点不清楚，而且内容太广泛：不是WEB程序员，但：1.您可以使用PHP生成HTM/SVG代码。2.gfx中没有这样的模型，但在编程中有这样的图的结构。。。3.顺便说一句，您可以为所有受支持的组件编写SVG代码，添加它们的管脚相对位置，然后根据模拟电路通过PHP脚本以编程方式编写输出SVG。如果你问如何模拟电路，请学习电路周围的物理知识（VA图、基尔霍夫规则）。。。我知道如何进行电气建模，我的想法是这样的：1）我想使用一些外部按钮打开和关闭SVG中的开关。如果有电源，那么我必须能够在图表中使用一些高亮显示来显示电流流。现在同样的事情必须在非常大的图中实现，因此手动创建图将浪费大量时间。拥有结构化数据模型将节省大量精力和时间。然后，为每种类型的受支持组件创建一组SVG（具有所有突出显示的可能性），并在生成目标SVG视图的过程中使用正确的SVG（根据建模的电气状态）。但当问题涉及到更大的电路时，上述方法必须处理大量的可能性。在不同的情况下，映射每种可能性都是困难的。您可以假设我至少有20个交换机连接10个组件和50条电线。这只是一个例子。如果我必须做多个电路，那么这个问题将进一步增加。如果你有20个或1个电阻器，那么问题就不会出现。它仍然是相同的电阻器图像，具有3种可能性（关闭、从引脚1到引脚2的打开方向、从引脚2到引脚1的打开方向）。。。