브라우저 (chrome/firefox/safari)가 보이지 않는 svg 모양을 제거합니까?

Question

현재 약 10000 개의 모양을 가진 화면이 있습니다. 사용자가 탐색하고 확대/축소 할 수 있습니다. 나는 중간에 SVG를 사용하여 유지하는 몇 최적화 생각 : 을 확대 할 때 가장자리를 줄이고 화면에 (만 DOM에 우리의 뷰포트에서 오브젝트를 작성)하지 모양

컬링

1. 이 두 가지 전술이 함께합니다. 그러나 화면에없는 모양이 이미 대부분의 브라우저 공급 업체에서 도려내거나 그려지지 않았는지 궁금합니다. 그렇지 않다면 장면의 오브젝트 쿼드 트리를 유지 관리하고 뷰포트와 교차하는 현재 트리 집합을 렌더링하는 것이 좋습니다?

Answer 1

예, 파이어 폭스 version 17은 볼 수없는 도형을 가지고 있습니다. 이 코드는 그려야 할 대상의 display list을 만듭니다. 크롬과 IE가 비슷한 메커니즘을 사용한다고 상상해보십시오. 직접 처리하려고하면 더 느리게 만들뿐입니다.