Snapsvg - 获取文本元素的高度和宽度

Question

我正在使用

更改元素内容

svgTextLines[name].node.innerHTML = line.val();
svgTextLines[name].node.textContent = line.val();

并尝试在内容更改后获取元素的高度和宽度但我似乎无法在elemement.node对象中找到任何更新的属性。由于元素没有变换，我可以理解为什么，但有没有办法可以得到这些信息？

此致

Answer 1

我正在使用SnapSVG，我遇到了同样的问题。 您可以使用getBoundingClientRect来获取具有此参数的对象。

var s = Snap("#svg");
Snap.load("mascot.svg", function (f) {
  s.append(f);
  var rect = s.searchAll("g")[0];
  var dimens = rect.node.getBoundingClientRect();     
  console.log(dimens.width)
});