如何使用嵌入式SVG數據進行操作？

我使用SVG和純JavaScript編寫應用程序。我有一種情況，其中一個SVG文檔片段是從外部* .svg文件加載的，並且xlinked爲<image>。但是，我不能從這個文件中調用對象（SVG Elements）來操縱它們。 DOM是否支持，我做錯了什麼......它看起來微不足道，但我無法處理。如何使用嵌入式SVG數據進行操作？

喜歡的東西：

<svg xmlns="http://www.w3.org/2000/svg" 
xmlns:xlink="http://www.w3.org/1999/xlink"> 
    <svg> 
    <someTags 
    /> 
    </svg> 
    <g> 
     <image id="outerSVG" xlink:href="files/SVGelements.svg" /> 
    </g> 

</svg>

這些問題是推動我瘋了，尤其是現在我需要加載SVG的保存碎片，並將其解析到主SVG，腳本文件。

在此先感謝。

來源

2012-06-02 Alex

svg中的<image>元素與html中的<img>元素基本相同，它們都不允許DOM訪問引用的資源。

來源

2012-06-02 16:28:20

謝謝@Erik，我希望我知道之前。請你能告訴我什麼是從外部文件加載和插入SVG數據的「最簡單」方法... PHP ... Django ...並允許主要的SVG腳本應用程序使用SVGElements進行操作？ – Alex

可能有多種方法可以做到這一點，但我會建議使用XmlHttpRequest並將元素直接插入到主文檔中。 –

謝謝。現在我知道從哪裏開始。 – Alex

如何使用嵌入式SVG數據進行操作？

回答

相關問題