【问题标题】:xml to svg dynamicallyxml 到 svg 动态
【发布时间】:2017-01-26 03:22:57
【问题描述】:

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

【问题讨论】:

  • 向我们展示您所写的内容,我们会尽力纠正它。我们不是要从头开始编写所有内容,也不是充当替代网络搜索工具。

标签: javascript xml svg


【解决方案1】:

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

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

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

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

【讨论】:

    猜你喜欢
    • 2023-04-02
    • 2022-01-14
    • 2015-02-19
    • 1970-01-01
    • 2023-03-26
    • 1970-01-01
    • 2017-03-11
    • 2011-04-22
    • 2017-01-25
    相关资源
    最近更新 更多