본문으로 건너뛰기

ui-capture

UI 캡처

웹페이지의 렌더링 결과에서 실제 글꼴·색상·간격·요소 위치를 직접 추출해 그래픽 소스로 사용하는 방식이다. 이 방식은 DOM 또는 화면 픽셀을 기반으로 요소를 식별해 각각을 별도 레이어로 분리하고, 분리된 요소를 백드롭에 배치한 뒤 애니메이션을 적용하는 처리 파이프라인을 포함한다. 브랜드 일관성 유지를 위해 재구성(recreate) 대신 캡처 방식을 채택하면 폰트나 간격이 실제와 어긋나는 문제를 회피할 수 있다.