我在最新版本的Firefox(18.0.1)中发现了渲染SVG图表的问题。
首先,请看一下这个(正确的)图表版本:
在0:30到7:00之间有白色区域。在这部分我们没有足够的数据来绘制图表。因为可能还有一些混乱,我使用剪辑来显示我想要显示的图表部分:
图表的形状在<g class="graph">
元素内呈现。如您所见,我在clip-path="url(#graph-0-0-clipping)"
内使用<rect>
属性和两个<defs>
定义。
这在Chrome和旧版本的Firefox中也很有效。
自FF版本18起,我们的图表呈现如下:
看起来剪裁区域没有正确定义,但是如果我首先手动删除<rect>
,FF会像这样渲染:
有类似的效果,如果我删除第二个<rect>
- 突然我可以看到图表的第一部分
这两个定义有些冲突。
这是错误,还是我做错了什么?感谢您的任何反馈。