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

我试图根据mySQL数据库中的数据更改svg元素

例如，我在AdobeIllustration中创建了一个svg图像，其中一个矩形代表一张桌子，四个圆形代表桌子周围的椅子

我想将每把椅子都表示为一个“人”，当这个“人”登录时，椅子会变为不同的颜色，当他们注销时会变回原来的颜色

我在登录方面使用了php和mySQL，一切正常。这将是登录的图形表示

当数据在mySQL中更改时，我有一个登录时间戳，image元素也会更改。我需要javascript来做这件事，但我被难住了

我想知道上述情况是否可能，如果可能，我应该朝哪个方向走，或者还有其他选择吗

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

编辑~ 我仔细研究了Raphael JS，对MySQL进行了php查询，并将过滤结果显示在html页面上

---

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

您想要实现的目标完全没有限制，使用SVG时实际上非常常见。如果您没有svg方面的经验，您可以查看第三方库，如d3或RaphaelJS，这确实是可能的，尽管从您表述问题的方式来看，您可能缺少一些步骤：

当MySQL数据发生更改时，服务器必须以某种方式将此事件通知客户端浏览器。此选项包括服务器发送事件、WebSocket和长轮询。我建议使用SSE，这似乎是一个关于使用SSE的有用问题： 当浏览器收到来自服务器的更改通知时，它必须更新图形。这就是你想要使用像d3或Raphaël这样的工具的地方，我想在这种情况下，你会发现后者更容易使用。如果需要的话，一旦你达到了这一点，你应该能够提出一个更具体的问题。

---

试试canvg，让我知道我正在使用长轮询，AJAX。我同意SSE是一个更好的选择，但我必须使用IE。我会仔细看看拉斐尔。谢谢