Javascript 浏览器（chrome/firefox/safari）是否会剔除不可见的svg形状？

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

剔除不在屏幕上的形状（仅将视口中的对象写入DOM）

缩小时减少边

这两种策略相辅相成；然而，我想知道，大多数浏览器供应商是否已经剔除了屏幕上尚未显示的形状，而不是“绘制”出来的形状。如果不是，那么在场景中维护一个四叉树对象并渲染与视口相交的当前树集是否更好？

是的，Firefox已经剔除了看不见的形状。代码创建了它打算绘制的东西的集合。我想肯定Chrome和IE使用了一些类似的机制，所以如果你自己处理的话，你只会让事情变慢