Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/cassandra/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Google chrome Chrome渲染SVG图形_Google Chrome_Svg - Fatal编程技术网

Google chrome Chrome渲染SVG图形

Google chrome Chrome渲染SVG图形,google-chrome,svg,Google Chrome,Svg,我有一个SVG图形,是用nvd3制作的。我发现在几周/几天的时间里,chrome上的图形呈现得很糟糕(我没有每天检查) 我有两页相同的图表: 在第一次渲染时,它渲染器很好(每次) (来源:) 第二次渲染时(每次)效果都很差 (来源:) 这两张图之间的唯一区别在于,在第二页的下面还有一张图。 请参见屏幕截图1和2 如果我打开chrome开发者工具,图形会被重新绘制,然后突然又恢复正常 有人知道Chrome的渲染错误吗?这在几周前还可以正常工作,所以我认为这可能是Chrome中的一个bug或者其他什

我有一个SVG图形,是用nvd3制作的。我发现在几周/几天的时间里,chrome上的图形呈现得很糟糕(我没有每天检查)

我有两页相同的图表: 在第一次渲染时,它渲染器很好(每次)
(来源:)

第二次渲染时(每次)效果都很差
(来源:)

这两张图之间的唯一区别在于,在第二页的下面还有一张图。 请参见屏幕截图1和2

如果我打开chrome开发者工具,图形会被重新绘制,然后突然又恢复正常


有人知道Chrome的渲染错误吗?这在几周前还可以正常工作,所以我认为这可能是Chrome中的一个bug或者其他什么…

似乎添加了样式:
-webkit transform:translateZ(0)到SVG的修复了它。

我知道这可以解决使用position absolute/fixed的Chrome中的渲染问题,所以我想我可以试试。似乎它是相关的,尽管我找不到任何与SVG定位固定/绝对相关的元素。

如何包含图形是通过
标记还是通过html页面中的内联SVG。如果它的内联SVG是全局唯一的两个图形的id属性?至于渲染错误,所有浏览器都有很多。Chrome在内联SVG上有一个开放的bugtracker,id是全局唯一的。通过显示和隐藏SVG(或者一些其他样式的更改),浏览器可能会在窗口加载事件时重新绘制它。请在上提交一个bug,包括一个完整的(尽可能少的)测试用例。