根据mySQL DB中的数据动态更改svg图像元素

Question

我正在尝试根据mySQL DB中的数据更改svg元素。

例如，我在adobe中创建了一个svg图像，其中有一个用于表格的矩形和4个圆圈作为桌子周围的椅子。

我想把每把椅子都称为“人”。当那个＆＃39;个人＆＃39;登录后，椅子将变为不同的颜色，并在退出时更改。

我已经使用php和mySQL作为登录方面，并且一切正常。这将是登录的图形表示。

当在mySQL中更改数据时（我有一个登录时间戳），图像元素也会改变。我需要javascript来做到这一点，但我很难过。

我想知道上述情况是否可能，如果可以，我应该采取哪种方向，还是有其他选择？

我看过jquery和raphael js，但这是我第一次使用矢量图像，非常感谢任何帮助。

编辑〜 我已经好好看看Raphael JS，我向MySQL发了一个php查询，并将过滤后的结果显示在html页面上。

如何将MySQL DB与我的SVG图像链接起来，以便每个SVG元素都会根据我的过滤结果进行更改？

Answer 1

你想要实现的目标完全没有限制，在使用svg时实际上很常见。如果你没有svg的经验，你可以看看像d3或RaphaelJS这样的派对图书馆

Answer 2

这确实是可能的，虽然从你提出这个问题的方式来看，你可能会错过一些步骤：

1. 当您的MySQL数据发生变化时，服务器必须以某种方式通知客户端（浏览器）此事件。此选项包括服务器发送事件（SSE），websockets和长轮询。我建议使用SSE，这看起来像是一个有用的问题：Server-sent events and php - what triggers events on the server?
2. 当浏览器从服务器收到更改通知时，它必须更新图形。 这个是你想要使用像d3或Raphaël这样的工具的地方（我想你会发现后者在这种情况下更容易使用）。如果需要，您应该能够制定更具体的问题。