显示内部的SVG文本元素高度/宽度：无容器

Question

我有一个SVG正在一个css为display:none的div中绘制。我需要将一些渲染的文本元素居中，为此，我需要高度和宽度。不幸的是，当包含的html元素设置为display:none时，我的高度和宽度总是为0。 getBBox(), clientWidth, getComputedTextLength()个方法都返回零。我的问题是：如何在这些条件下计算文本宽度？

e.g。

<div style='display:none;'>
<svg><g><text>some text</text></g></svg>
</div>

Answer 1

您是否尝试过将<div>设置为visibility: hidden;？

您可能还想将其设为position: absolute;，这样就不会影响页面上其他项目的布局。