javascript - 如何使用嵌入的 SVG 数据进行操作？

Question

我正在使用 SVG 和纯 JavaScript 编写应用程序。我的 SVG 文档片段之一是从外部 *.svg 文件加载并链接为<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 访问引用的资源。