通过动态XML+XSL实现SVG

我们已经在浏览器中的XML编辑器Xopus中完成了这项工作。你可以看到一个例子 here . 我们加载XML源文档、XML模式和输出HTML+SVG的XSLT。在内部,我们将XSLT重写为“XSLT”,这将允许我们跟踪输出HTML+SVG,返回到原始XML,该XML是XSL中的上下文,以输出该HTML或SVG节点。这就是您所指的框架。

我们使用另一个XSLT区分两个XSLT输出。我们可以这样做,因为我们已经修改了原始XSLT(结果是XSLT),以便为每个输出节点输出唯一和持久的ID。因此,所有新节点都将具有新ID,缺少的ID将被删除。

“XSLT”是您提供的原始XSLT的重写版本。它仍然是XSLT,但我们添加了一些东西,以便它为所有输出节点输出ID(我们使用另一个XSLT)。除此之外,它在功能上等同于原始XSLT。

也许可以使用can-AJAX:不要在本地编辑文档,而是将原始XML的编辑命令发送到服务器,服务器再次进行转换,然后将新的SVG发送回来。

这里的主要问题是在当前页面上更新SVG元素时会发生什么。drag'n'drop是否仍然感觉平滑?如果没有,那么您可能不得不求助于这两种方法的混合:使用JavaScript拖动SVG节点,当用户删除节点时,向服务器发送新SVG的更新。

您将希望避免尝试同步XML和本地SVG中的更新(这意味着在JavaScript中复制XSLT的一部分->呆在一个世界里,不要混在一起)。