xml動態svg

Question

我一直在尋找關於這個問題的月份，但我找不到任何有關它。我在找什麼：我在我的屏幕上有sheetmusic，這是用JavaScript轉換爲svg的xml。現在我想製作可以操縱屏幕上顯示的SVG的按鈕。例如：音樂在其上方的音符和和絃下方具有歌詞。假設我想用一個點擊按鈕替換或刪除它們。所有這些暫時的，只在屏幕上。

Answer 1

我目前正在研究一個類似的項目。您有兩種方式：

1. 直接修改SVG（如果你有複雜的對象嗯不冷靜）
2. 找出其中SVG元素加以修飾，發現在XML結構中的對應ID ，修改XML節點，將XML重新編譯爲SVG。

作爲一種更高性能的方式，您可以只編譯已更改的節點，然後將其插入到SVG中。

爲了選擇要應用動作的元素，您可以在每個可選元素上設置一個'click'事件偵聽器，即 。