有 2 个父母的树：像 familyecho 一样构建家谱 HTML/javascript [关闭]答案

【问题标题】：Tree with 2 parents: Build a family tree HTML/javascript as familyecho do [closed]有 2 个父母的树：像 familyecho 一样构建家谱 HTML/javascript [关闭]
【发布时间】：2012-06-14 09:42:56
【问题描述】：

我想在没有 Flash 的情况下显示家谱树。在 HTML/javascript/css 中。

由于以下原因，我在显示我的树时遇到了一个大问题：

难以显示两个父母之间的婚姻联系
子节点

你知道有什么 api 可以像 www.familyecho.com 那样构建家谱吗？我要疯了？？？？

这里是一个例子

 Father --- Mother
         |
|--------|------------|
Child1   Child2     Child3

谢谢

【问题讨论】：

标签： html family-tree

【解决方案1】：

您可能想以http://www.myheritage.nl 为例，与此相比，familiecho 显得苍白无力。对 500 位家庭成员免费开放，但不幸的是，它是用 Flash 制作的，所以没有机会在那里借用一些代码或库。

如果您只想使用 HTML，可以使用 http://www.starkeffect.com/ged2html/，但有点过时。

据我所知，有几个用于 javascript bun 的绘图库都不是针对家谱的，任何想出一个的人都将不胜感激。 http://raphaeljs.com/ 的 Raphael 是最广为人知的矢量图形库，请参阅 http://javascript.open-libraries.com/utilities/drawing/10-best-javascript-drawing-and-canvas-libraries/ 进行比较并查看此 Javascript drawing library? 问题。基本上，您将不得不在矢量（例如 SVG）方法和渲染图形（例如 Canvas）之间做出选择，每种方法都有自己的优势、库和追随者。

【讨论】：

【解决方案2】：

见http://www.outten.org/?id=46

主要基于我也喜欢的家庭回声外观。

数据是来自 MySQL 的动态数据，可拖动页面 gfx 是在本地用 javascript 构建的。与表格一起有点散列，但在移动设备上以某种方式工作。

亚历克斯

【讨论】：

Alex 关于这个人应该如何解决问题的信息很少。只是一个有效的例子。

【解决方案3】：

如果您正在寻找作为 Familyecho 的 API。 Familyecho.com 已经有一个 API 支持，您可以使用它，他们还提供开发人员示例代码以便快速集成。导航到他们的网站了解更多信息。

这里是链接：https://www.familyecho.com/?page=api

【讨论】：

【解决方案4】：

Wes，该链接指向嵌入了代码的页面，而不仅仅是输出示例。数据是从 MySQL 拉取的，翻译成 js 对象（这里：https://www.outten.org/data.php?id=46）。

否则 javascript 在文档源底部是不言自明的，否则使用标准 JS jQuery 等。此代码没有许可，只有其他人使用过的代码，可以根据需要使用。有很多地方可以改进。

顺便说一句，链接已更改并更新为： https://www.outten.org/newTree.html?id=46

几十年来我一直在寻找一个 JS 模块来做这件事，但连 Node.js 都没有

关于

Xander (Alex) 丢失旧堆栈交换登录 :(

【讨论】：