xmlから動的にsvg

Question

私は今この問題について何ヶ月も探していますが、それについて何も見つかりません。私が探しているもの：私はjavascriptでsvgに変換されたXMLである私の画面上にsheetmusicを持っています。今、画面に表示されているSVGを操作できるボタンを作成したいと思います。たとえば、音楽の上にノートやコードの下に歌詞があります。私がonclickボタンでそれらを置き換えたり削除したりしたいとしましょう。このすべては一時的に、画面上でしかありません。

Answer 1

私は現在、同様のプロジェクトに取り組んでいます。あなたは2つのアプローチがあります：

1. は直接XMLを変更し、XML構造に対応するID を見つけ、SVG要素を変更しようとする見つける
2. （あなたは複雑なオブジェクトを持っている場合うーんクールではない）SVGを変更しますXMLをSVGに「再コンパイル」します。

変更されたノードのみをコンパイルし、 をSVGに挿入するとより効果的です。

アクションを適用する要素を選択するには、 を選択可能な要素ごとに「クリック」イベントリスナーに設定します。