xml 到 svg 动态

Question

我已经搜索了几个月关于这个主题，但我找不到任何关于它的东西。我在找什么：我的屏幕上有乐谱，它是用 javascript 将 xml 转换为 svg 的。现在我想制作按钮，我可以用它来操作屏幕上显示的 SVG。例如：音乐在音符下方有歌词，在其上方有和弦。假设我想用 onclick 按钮替换或删除它们。这一切都是暂时的，只在屏幕上。

Answer 1

我目前正在从事一个类似的项目。您有两种方法：

1. 直接修改 SVG（如果你有复杂的对象，嗯，不酷）
2. 找出要修改的SVG元素，找到对应的id 在 XML 结构中，修改 XML 节点，将 XML“重新编译”为 SVG。

作为一种更高效的方式，您可以只编译已更改的节点并 然后将其插入 SVG。

为了选择要对其应用操作的元素，您可以设置 每个可选元素上的“点击”事件侦听器。