我会svg元素,可以缩放以适应其子元素。假设你有:为什么无法通过缩放来适应子元素?
<svg>
<rect width=10 height=1000/>
<svg>
看起来好像有一种方法可以让svg缩放以适应其内部的矩形。
不幸的是,它出现这样的事情是不可能的,至少根据这一点:
SVG Fill Width to Child Elements
谁能给我一个解释,为什么这不能来达到的?这似乎是一个高度要求的功能...或者我只是没有得到一些东西。
谢谢!
我会svg元素,可以缩放以适应其子元素。假设你有:为什么无法通过缩放来适应子元素?
<svg>
<rect width=10 height=1000/>
<svg>
看起来好像有一种方法可以让svg缩放以适应其内部的矩形。
不幸的是,它出现这样的事情是不可能的,至少根据这一点:
SVG Fill Width to Child Elements
谁能给我一个解释,为什么这不能来达到的?这似乎是一个高度要求的功能...或者我只是没有得到一些东西。
谢谢!
已经讨论了"auto"
的一个特殊值viewBox
,该值包含在SVG 2的规范中,该规范仍在开发中。
如果它作出最终规范,这将做你的建议。
看起来这将是一个高度要求的功能...
没有也不会。
有时在svg viewBox
以外有一些元素是有用的。
觉得有些图形如地图的放大时,如果表现得像你想要它做的SVG元素将扩大到始终显示该地图的所有部分...
但是你可以做什么,是设置viewBox根据svg里面的所有元素;您会发现我在此处编写的一个示例函数:https://stackoverflow.com/a/29004579/3702797
我同意它可以是“有用的有一些元素以外的SVG viewBox”。但是,这并不意味着不应该有*选项*以允许svg画布自动适应子元素。 – majorBummer
有趣的是,感谢您的信息。所以,为了仔细检查,建议的viewBox:“auto”将允许svg容器增长以适应其内容? – majorBummer
是的。它将被设置为所有子元素边界框的联合。 –