SVG 获取 <use> 引用的 <image> 的父级

Question

我有一个<svg> 元素，它在<defs> 标签下包含一些<image> 元素，这些元素被一些<use> 元素引用，如下所示：

    <svg xmlns="http://www.w3.org/2000/svg" ...>
      <defs>
        <image height="100%" id="test" width="100%" xlink:href="data:image/png;base64,..."/>
      </defs>
      <g transform="translate(111,222)">
        <svg height="100" width="200" x="0" y="0">
          <use xlink:href="#test"/>
        </svg>
      </g>
    </svg>

我有一个遍历 svg 元素的 javascript 函数，在某个时刻我得到了 <use> 引用的图像。 我想做的是从<image> 元素中获取<use> 上方<svg> 的高度/宽度。

如果尝试：

image.parentElement 

我得到了<defs> 元素，而不是<use> 元素。

如何找到引用图像的元素？ 我可以尝试搜索包含 xlink:href="#test" 的元素，但是有没有直接的方法可以从引用的 <image> 中获取它？

抱歉这个菜鸟问题，但我是 javascript/html 的新手。

Answer 1

没有。没有办法直接从<image> 元素中获取<use> 元素。