2015-04-12 43 views
1

我会svg元素,可以缩放以适应其子元素。假设你有:为什么无法通过缩放来适应子元素?

<svg> 
    <rect width=10 height=1000/> 
<svg> 

看起来好像有一种方法可以让svg缩放以适应其内部的矩形。

不幸的是,它出现这样的事情是不可能的,至少根据这一点:

SVG Fill Width to Child Elements

谁能给我一个解释,为什么这不能来达到的?这似乎是一个高度要求的功能...或者我只是没有得到一些东西。

谢谢!

回答

1

已经讨论了"auto"的一个特殊值viewBox,该值包含在SVG 2的规范中,该规范仍在开发中。

如果它作出最终规范,这将做你的建议。

+0

有趣的是,感谢您的信息。所以,为了仔细检查,建议的viewBox:“auto”将允许svg容器增长以适应其内容? – majorBummer

+0

是的。它将被设置为所有子元素边界框的联合。 –

0

看起来这将是一个高度要求的功能...

没有也不会。

有时在svg viewBox以外有一些元素是有用的。
觉得有些图形如地图的放大时,如果表现得像你想要它做的SVG元素将扩大到始终显示该地图的所有部分...

但是你可以做什么,是设置viewBox根据svg里面的所有元素;您会发现我在此处编写的一个示例函数:https://stackoverflow.com/a/29004579/3702797

+1

我同意它可以是“有用的有一些元素以外的SVG viewBox”。但是,这并不意味着不应该有*选项*以允许svg画布自动适应子元素。 – majorBummer

相关问题