最近的Firefox中SVG clippath不正确

时间:2013-01-27 15:57:59

标签: firefox svg charts clipping

我在最新版本的Firefox(18.0.1)中发现了渲染SVG图表的问题。

首先,请看一下这个(正确的)图表版本:

enter image description here

在0:30到7:00之间有白色区域。在这部分我们没有足够的数据来绘制图表。因为可能还有一些混乱,我使用剪辑来显示我想要显示的图表部分:

enter image description here

图表的形状在<g class="graph">元素内呈现。如您所见,我在clip-path="url(#graph-0-0-clipping)"内使用<rect>属性和两个<defs>定义。

这在Chrome和旧版本的Firefox中也很有效。

自FF版本18起,我们的图表呈现如下:

enter image description here

看起来剪裁区域没有正确定义,但是如果我首先手动删除<rect>,FF会像这样渲染:

enter image description here

有类似的效果,如果我删除第二个<rect> - 突然我可以看到图表的第一部分 这两个定义有些冲突。

这是错误,还是我做错了什么?感谢您的任何反馈。

0 个答案:

没有答案