css – 溢出:可见SVG

前端之家收集整理的这篇文章主要介绍了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

猜你在找的CSS相关文章