如何使用嵌入式SVG数据进行操作？

Question

我正在使用SVG和纯JavaScript编写应用程序。我有一种情况，我的一个SVG文档片段从外部* .svg文件加载并xlinked为<image>。但是，我无法从此文件中调用对象（SVG元素）来操作它们。 DOM是否支持这一点，我做错了什么......它看起来微不足道，但我无法解决这个问题。

类似的东西：

<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脚本文件。

提前致谢。

Answer 1

svg中的<image>元素与html中的<img>元素基本相同，它们都不允许DOM访问引用的资源。