У меня есть элемент <svg>, который содержит некоторые элементы <image> в теге <defs>, на которые ссылаются некоторые элементы <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>
У меня есть функция javascriptкоторый проходит через элемент svg, и в определенный момент я получаю изображение, на которое ссылается <use>.Я хочу получить высоту / ширину <svg> над <use> от элемента <image>.
Если попытаться:
image.parentElement
, я получу* Элемент <defs>, а не элемент <use>.
Как найти элемент, ссылающийся на изображение?Я могу попытаться найти элемент, который содержит xlink:href="#test", но есть ли прямой способ получить это из ссылки <image>?
Извините за вопрос noob, но я новичок в javascript / html.