【文件属性】：
文件名称：svg-tree-drawer:使用SVG和JavaScript绘制树结构
文件大小：227KB
文件格式：ZIP
更新时间：2021-05-18 12:01:57
JavaScript
SVG树抽屉
该项目提供了一个JavaScript库，用于构造树结构的交互式SVG图像。 这在描述语言学和计算机科学中常见的解析树时很有用。 该库提供了用于在树中切换折叠或延伸的分支的钩子。
背景
我在2004年开发了该项目的第一个版本，并且带有原始演示的仍然可用。 在2009年秋天，我通过华盛顿大学的计划参加了在线，该课程需要大量的树图绘制。 之前已经创建了SVG树状抽屉，我想使用基于浏览器的技术而不是使用LaTeX来完成课程工作。 但是，由于该课程是关于HPSG的，因此树中的每个节点都不是像我以前所使用的简单标签，而是一个复杂的属性值矩阵（AVM）。 因此，我着手重写SVG树抽屉，以使其更新并允许每个节点中包含任意内容，以便可以使用MathML渲染AVM。
例子
以下屏幕快照链接到示例的交互式SVG图像：
注意：此示例将XHTML（ application/xhtml+xml ），X
【文件预览】：
svg-tree-drawer-master
----.gitignore(26B)
----syntax-diagrammer()
--------example-tree-with-avms.xhtml(8KB)
--------hpsg.js(12KB)
--------example-hpsg.xml(524B)
--------index.php(2KB)
--------main.js(5KB)
--------example-tree-with-avms.pdf(112KB)
--------hpsg-test.html(6KB)
--------.htaccess(182B)
--------hpsg-mathml.xslt(15KB)
--------helpers.js(23KB)
--------example-tree-with-avms.png(51KB)
--------style.css(997B)
----README.md(3KB)
----old()
--------sentence.png(8KB)
--------mathml.png(1KB)
--------code.js(5KB)
--------sentence.svg(7KB)
--------adobe_context-menu.png(2KB)
--------mathml.xml.svg(5KB)
--------xml2svgtree.xsl(6KB)
--------index.html(6KB)
--------mathml.xml(387B)
--------mathml2svgtree.xsl(7KB)
--------style.css(149B)
----example.png(10KB)
----svg-tree-drawer.js(26KB)
----example.html(3KB)