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

Question

我正在尝试根据来自 mySQL 数据库的数据更改 svg 元素。

例如，我在 adobe illustrate 中创建了一个 svg 图像，其中有一个矩形代表 table ，4 个圆圈代表 table 周围的椅子。

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

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

当 mySQL 中的数据发生变化时(我有一个登录时间戳)，图像元素也会发生变化。我需要 javascript 来执行此操作，但我很难过。

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

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

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

我如何将 MySQL 数据库与我的 SVG 图像链接起来，以便每个 SVG 元素都会根据我的过滤结果发生变化？

Answer 1

你想要实现的东西完全没有限制，实际上在使用 svg 时很常见。如果您没有使用 svg 的经验，您可以查看第三方库，例如 d3 或 RaphaelJS