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

Question

我们目前有一个大约 10000 个形状的屏幕。我们允许用户平移和缩放以进行探索。我想到了一些优化以在中期继续使用 svg：

1. 剔除不在屏幕上的形状（仅将我们视口中的对象写入 DOM）
2. 缩小时减少边缘

这两种策略齐头并进；但是，我想知道屏幕上尚未出现的形状是否已经被大多数浏览器供应商剔除而不是“绘制”。如果不是，那么在场景中维护对象的四叉树并渲染与我们的视口相交的当前树集可能更好吗？

Answer 1

是的，Firefox 从17 版开始已经剔除了看不到的形状。该代码创建了所谓的要绘制的事物的显示列表。我想 Chrome 和 IE 肯定会使用一些类似的机制，所以如果你尝试自己处理它只会让事情变慢。