렌더링 정보

RenderInfo는 블록의 시각적 요소가 배치되는 방식을 결정합니다.

블록은 항상 입력, 연결, 필드로 구성되지만 다양한 방식으로 배치할 수 있습니다. 예를 들어 동일한 블록 정의는 인라인 입력 또는 외부 입력으로 렌더링할 수 있습니다.

외부 입력과 인라인 입력 비교

렌더링 정보에 따라 선택되는 레이아웃이 결정됩니다.

렌더링의 첫 번째 단계로 렌더링 정보는 블록의 정의와 시각적 요소의 측정값을 확인합니다. 그런 다음 블록의 레이아웃을 결정하고 그에 따라 정보를 구성합니다. 정보는 중복되지 않는 요소스페이서로 변환되며, 이는 중복되지 않는 행 스페이서로 구성됩니다.

그런 다음 drawer는 정리된 레이아웃 정보를 사용하여 블록을 나타내는 SVG 경로를 만듭니다.