Получить X и Y текста SVG

Question

У меня есть текст SVG на моей странице, и я хочу получить его координаты x и y и сохранить его в локальной переменной.

Когда я запускаю console.log(this), я получаю:

<text class="myClass" x="400" y="330">This is not text.</text>

Поэтому я подумал, что у меня правильный выбор, мне просто нужно сузить его.Поэтому я попытался: console.log(this.y), но затем я получил какой-то странный объект:

SVGAnimatedLengthList {BaseVal: SVGLengthList, animVal: SVGLengthList}

И нигде в этом объекте не было ничего общего со значением позиции y моего текста.

Вопрос: Как сохранить значение y моего текста SVG в локальной переменной?Неправильно ли используется this?Я имею в виду, что может работать, поскольку значение y корректно исходит от console.log(this).В основном я хочу что-то вроде:

var yValue = this.y

, где this.y дает правильное значение (у = 330 в моем случае)

Answer 1

Это усложняется SMIL и тем, что вы можете иметь несколько значений, например, x = "300 400 500"

console.log(document.getElementsByTagName("text")[0].y.baseVal[0].value);

<svg>
<text class="myClass" x="400" y="330">This is not text.</text>
</svg>

Кроме того, в простом случае вы можете вызвать text.getAttribute ("x") и получить значение в виде строки