是否可能设置溢出:< 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。