SVG中foreignObject的自动高度

Question

在我的SVG中，我有一个包含p元素的foreignObject。我希望这个结构的高度适应我文本的高度。

p元素已经适应了：我没有做任何事情。

但是我对foreignObject有麻烦。如果我删除字段高度，它不起作用。 height：auto也不起作用。

Answer 1

您可以foreignObject单位设置em元素的高度，这可能会有所帮助吗？

目前，width的{​​{1}}和height属性是必需的，且必须包含值＆gt; 0，否则元素将不会被渲染。

更新：另一种方法是将foreignObject的尺寸设置为100％，并使用foreignObject默认情况下具有透明背景的事实。由于svg中的其他元素以绝对方式布局，因此它们不依赖于foreignObject大小。

foreignObject

Answer 2

由于没有真正使用放大和缩小foreignObject本身，因此您可以将foreignObject height和width都设置为1，并通过CSS设置foreignObject { overflow: visible; }使其内容可见，无论您需要做什么，都可以使用它。