css – 溢出：可见SVG

是否可能设置溢出：< svg>上可见元素？

每个浏览器可以使用This simple example on jsfiddle(有些版本的Chrome和Firefox)，因为它们像溢出：隐藏。

任何人都可以告诉我，如果svg的支持依然是不成熟的做这样简单的事情，或者我在代码中做错了什么？

我的实际使用溢出：可见是图形上的范围轴，其中-0刻度的下半部分被切断。

解决方法

我假设你的意思是内联< svg> HTML中的元素，如果是这样，那只是一个实现限制。 IE9允许溢出：< svg>上可见元素，但到目前为止，其他浏览器不是AFAIK。

一个可能的解决方法(实际上应该如何在第一个地方完成)IMV是指定一个viewBox，它定义了svg内的坐标系。然后你在这个坐标系中画东西。如果事情被剪辑(或者换句话说，如果元素在viewBox区域之外)，则相应地增加viewBox宽度和/或高度。

如果你想知道你的特定viewBox的一个很好的默认值，尝试[0 0宽度高度](其中width和height是你现在拥有的svg的大小)，然后增加高度，直到底部刻度完全可见。

2014年更新：
在浏览器上仍然有一些不一致的地方，但是到了那里。 Firefox和IE支持溢出：在内联svg元素中可见，Blink(Opera 23 / Chrome 36)也增加了支持，具体请参见bugreport。