svg在屏幕外，是呈现吗？

Question

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

问题是:我应该注意不显示当前不可见的部件的详细信息(在屏幕外)，还是渲染引擎足够聪明，在呈现这些部件之前跳过(剪辑)这些部件？

Answer 1

是的，浏览器通常很聪明，不会在视口区域之外呈现东西。

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

Answer 2

我想剪贴画总是适用于当前的视口。但是，您可能是通过更新详细信息、可见性更改来更改DOM，并且将其限制在可见部分可能会产生影响。

不过，找到这个问题的最简单方法是测量。制作两个原型，一个用手工剪裁，一个没有，并在不同渲染器中寻找渲染速度的差异。