차단 > blockRendering >

block렌더링.Drawer 클래스

지정된 렌더링 정보를 기반으로 블록을 그리는 객체입니다.

서명:

export declare class Drawer 

생성자

생성자 수정자 설명
(생성자)(블록, 정보) Drawer 클래스의 새 인스턴스를 생성합니다.

속성

속성 수정자 유형 설명
block_ BlockSvg
constants_ protected ConstantProvider
info_ RenderInfo
inlinePath_ 문자열
outlinePath_ 문자열
topLeft_ 좌표

메서드

메서드 수정자 설명
draw()

작업공간에 블록을 그립니다. 여기 '그리기' 이는 SVG 경로 요소를 설정하고 화면에서 필드, 아이콘 및 연결을 이동하는 것을 의미합니다.

경로의 조각이 'steps' 배열로 푸시된 다음 공백과 결합되어 블록에 직접 설정됩니다. 이렇게 하면 가독성을 높이기 위해 단계가 공백으로 구분되지만 필수는 아닙니다.

drawBottom_() protected 다음 연결을 위한 노치를 포함하여 블록의 하단 가장자리 단계를 추가합니다.
drawConnectionHighlightPath(measurable) 지정된 연결을 강조 표시할 경로를 반환합니다.
drawInlineInput_(input) protected 인라인 입력의 단계를 추가합니다.
drawInternals_() protected 블록의 내부 요소(인라인 입력, 필드, 아이콘)를 그립니다. 이는 배치를 위한 외부 경로에 종속되지 않습니다.
drawJaggedEdge_(row) protected 접힌 블록에서 행의 들쭉날쭉한 가장자리에 단계를 추가합니다.
drawLeft_() protected 출력 연결이 포함될 수 있는 블록 왼쪽에 단계를 추가합니다.
drawOutline_() protected 블록의 윤곽선을 만듭니다. 이는 단일 연속 경로입니다.
drawRightSideRow_(row) protected 값 또는 문 입력 연결이 없는 행의 오른쪽에 단계를 추가합니다.
drawStatementInput_(row) protected 문 입력을 위한 단계를 추가합니다.
drawTop_() protected 모자, 둥근 모서리와 같은 세부정보를 고려하여 블록 상단 모서리에 단단을 추가합니다.
drawValueInput_(row) protected 블록 측면에 노치로 렌더링된 외부 값 입력 단계를 추가합니다.
layoutField_(fieldInfo) protected 필드 또는 아이콘의 새 위치를 SVG 루트에 푸시합니다.
positionExternalValueConnection_(row) protected RTL과 상위 블록의 어두운 경로가 표시될 수 있도록 상위 블록과 하위 블록 사이의 작은 간격을 고려하여 연결을 외부 값 입력에 배치합니다.
positionInlineInputConnection_(input) protected RTL과 상위 블록의 어두운 경로가 표시될 수 있도록 상위 블록과 하위 블록 사이의 작은 간격을 고려하여 연결을 인라인 값 입력에 배치합니다.
positionNextConnection_() protected 블록에 다음 연결을 배치합니다.
positionOutputConnection_() protected 출력 연결을 블록에 배치합니다.
positionPreviousConnection_() protected 이전 연결을 블록에 배치합니다.
positionStatementInputConnection_(row) protected RTL, 그리고 상위 블록의 어두운 경로가 보이도록 상위 블록과 하위 블록 사이의 작은 간격을 고려하여 문을 입력에 배치합니다.
recordSizeOnBlock_() protected 크기 조정 정보를 블록에 다시 저장 대부분의 렌더링 정보는 렌더링이 끝날 때 버려질 수 있습니다. 보관해야 하는 것은 이 함수에 설정해야 합니다.
updateConnectionHighlights() protected 블록에서 강조 표시된 연결을 반영하도록 경로 객체를 업데이트합니다.