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