为什么不能svg缩放以适应子元素?

时间:2015-04-12 09:16:43

标签: javascript svg

我会使用svg元素来扩展以适应其子元素。说你有:

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

似乎有办法让svg缩放以适应它内部的矩形。

不幸的是,似乎这样的事情是不可能的,至少根据这个:

SVG Fill Width to Child Elements

有谁可以解释一下为什么不能实现这一点?看起来这将是一个高度要求的功能......或者我可能只是没有得到一些东西。

谢谢!

2 个答案:

答案 0 :(得分:1)

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

如果它是最终规范,这将按照你的建议行事。

答案 1 :(得分:0)

  

这似乎是一个非常需要的功能......

不,不会。

有时在svg viewBox之外有一些元素是有用的 想想一些像地图这样的图形,当放大时,如果它像你想要的那样,svg元素会扩展为总是显示这个地图的所有部分......

然而,你可以做的是根据svg中的所有元素设置viewBox;你会找到我在这里写的一个示例函数:https://stackoverflow.com/a/29004579/3702797