Chrome渲染SVG图

时间:2014-09-09 16:02:08

标签: google-chrome svg

我有一个用nvd3制作的SVG图。我发现这个图表在几周/几天(我没有每天都检查过)中都会在chrome中呈现错误。

我在2页上有相同的图表: 在第一次它渲染精细(每次)good render http://new.tinygrab.com/845c7c6160928a6d2d2119492faa1b95bb1f38c17f.png

在第二次它渲染不好(每次)。 bad render http://new.tinygrab.com/845c7c61608e908bd48fb8bb76b7d2960cbe624696.png

这两张图之间的唯一区别是,在第二页上,下面还有另一张图。 见截图1和2。

如果我打开chrome开发人员工具,图表会重新绘制,并且突然再次确定...

有没有人知道Chrome中的渲染错误?这在几周前曾经没有任何问题,所以我认为这可能是Chrome中的一个错误或其他东西......

1 个答案:

答案 0 :(得分:1)

似乎将样式:-webkit-transform: translateZ(0);添加到SVG修复它。 我知道这可以修复Chrome中的渲染问题,位置绝对/固定,所以我想我可以尝试一下。看起来它是相关的,虽然我找不到任何固定/绝对与SVG相关的元素...