svg退出屏幕，是渲染？

Question

场景：我有SVG图像，我可以放大和缩小。根据缩放，我将在可见部分显示更多/更少的细节。

问题是：我应该处理不显示当前不可见的部分（屏幕外）的详细信息，或者渲染引擎是否足够聪明以跳过（剪辑）那些部件在之前呈现它们？

Answer 1

是的，浏览器通常很聪明，不能在视口区域外渲染。

但请注意，浏览器仍需要遍历整个文档树，因此即使视口区域外的内容也会产生影响。通常用display="none"标记非感兴趣的子树，让浏览器在遍历时跳过它们。在小文档上，通常不需要担心。

Answer 2

我猜剪辑将始终应用于当前视口。但是，您可能通过更新细节可见性更改来更改DOM，并将其限制为可见部分只会产生影响。

找到这个的最简单方法是测量。制作两个原型，一个具有手动剪辑，一个没有，并在各种渲染器中查找渲染速度的差异。