JavaScript绘制数据库模式

我需要在HTML页面中显示两个数据库表的结构（4-5个顶部）。我必须显示列，标记主键，并绘制外键连接（我猜是箭头）

我选择了raphael.js，除了外键箭头外，其他都很好，因为它们必须避免与桌子相交，并以一种奇特的方式进行操作，例如转弯等

有人知道解决这个问题的办法吗？如果没有，我如何轻松地绘制箭头

我现在尝试的是

连接表格也没问题，但我需要连接特定的列，还要避免交叉。

试试这个网站

---

希望对您有所帮助。

您可以查看Raphaël的以下文档参考：

可以使用“L”作为参数来绘制直线，而不是曲线：

var path = ["M", x1.toFixed(3), y1.toFixed(3), "L", x2, y2, x3, y3, x4.toFixed(3), y4.toFixed(3)].join(",");

也许离你的问题已经两年了，但很多人可能会问同样的问题（就像我一样）

---

致意。

并没有真正回答您的问题，但也许您对此感兴趣，我想您可以看看思维导图可视化软件。。。这基本上与您在这里需要的可视化相同。举个例子：是的，我想到了。我也要试试这个。同时，我想我现在有了一个可行的解决方案，明天我会把它发布在这里的评论中，以便有一天有人能看到我的存根。看起来像phpmyadmin的“设计师”观点：