SVG вне экрана, отображается?

Question

Сценарий: у меня есть изображение SVG, которое я могу увеличивать и уменьшать.В зависимости от масштаба, я буду отображать больше / меньше деталей на видимой части.

Вопрос заключается в том, должен ли я позаботиться о , а не , отображая детали деталей, которые в данный момент не видныили механизм рендеринга достаточно умен, чтобы пропустить (обрезать) эти части до их рендеринга?

Answer 1

Да, браузеры обычно достаточно умны, чтобы не отображать вещи вне области просмотра.

Обратите внимание, однако, что браузеру по-прежнему необходимо пройти по всему дереву документов, поэтому даже вещи за пределами области просмотра могут оказать влияние. Обычно достаточно пометить неинтересные поддеревья display="none", чтобы позволить браузеру пропускать их при обходе. На небольших документах обычно не о чем беспокоиться.

Answer 2

Я думаю, отсечение всегда будет применяться к текущему окну просмотра. Но вы, вероятно, изменяете DOM, обновляя его с изменениями видимости деталей, и ограничение только видимыми частями может изменить ситуацию.

Самый простой способ выяснить это - измерить. Сделайте два прототипа, один с ручным отсечением, другой без и ищите различия в скорости рендеринга в различных средствах визуализации.