javascript - 浏览器(chrome/firefox/safari)会剔除不可见的 svg 形状吗？

Question

我们目前有一个屏幕达到大约 10000 个形状。我们允许用户通过平移和缩放来探索。我想到了几个优化以在中期继续使用 svg:

1. 剔除不在屏幕上的形状(仅将视口(viewport)中的对象写入 DOM)
2. 缩小时缩小边缘

这两种策略齐头并进；但是，我想知道屏幕上尚未显示的形状是否已经被大多数浏览器 vendor 剔除而不是“绘制”。如果不是，是否可以更好地维护场景中对象的四叉树并渲染与我们的视口(viewport)相交的当前树集？

Answer 1

是的，Firefox 自 version 17剔除了看不见的形状。该代码创建了所谓的 display list。它打算绘制的东西。我想肯定 Chrome 和 IE 使用了一些类似的机制，所以如果您尝试自己处理它，只会让事情变得更慢。