차단 > blockRendering > PathObject
블록 렌더링.PathObject 클래스
렌더러에서 사용하는 각 SVG 요소의 생성 및 설정을 처리하는 객체입니다.
서명:
export declare class PathObject implements IPathObject
구현: IPathObject
생성자
생성자 | 수정자 | 설명 |
---|---|---|
(생성자)(루트, 스타일, 상수) | PathObject 클래스의 새 인스턴스를 생성합니다. |
속성
속성 | 수정자 | 유형 | 설명 |
---|---|---|---|
상수 | ConstantProvider | ||
cursorSvg | SVG요소 | 없음 | 커서가 블록에 연결되면 커서 svg 요소를 유지합니다. 블록에 커서가 없는 경우 null입니다. | |
markerSvg | SVG요소 | 없음 | 마커가 블록에 연결되면 마커 svg 요소를 유지합니다. 블록에 마커가 없는 경우 null입니다. | |
스타일 | BlockStyle | ||
svgPath | SVGElement | ||
svgRoot | SVGElement |
메서드
메서드 | 수정자 | 설명 |
---|---|---|
addConnectionHighlight(connection, connectionPath, offset, rtl) | 지정된 경로를 지정된 연결의 연결 하이라이트로 추가합니다. | |
applyColour(block) | 경로가 그림자 블록에 속하는지 고려하여 블록의 경로에 저장된 색상을 적용합니다. | |
flipRTL() | RTL에서 SVG 경로를 뒤집습니다. | |
removeConnectionHighlight(connection) | 지정된 연결과 연결된 강조 표시가 있으면 삭제합니다. | |
setClass_(className, add) | protected |
경로 객체의 루트 SVG 요소에 지정된 CSS 클래스를 추가하거나 삭제합니다. |
setCursorSvg(cursorSvg) | 커서 SVG를 이 블록의 SVG 그룹에 추가합니다. | |
setMarkerSvg(markerSvg) | 이 블록의 SVG 그룹에 마커 SVG를 추가하세요. | |
setPath(pathString) | 렌더기가 생성한 경로를 각 SVG 요소에 설정합니다. | |
setStyle(blockStyle) | 스타일을 설정합니다. | |
updateDisabled_(disabled) | protected |
사용 중지 상태를 반영하도록 블록의 모양을 업데이트합니다. |
updateDraggingDelete(enable) | 블록이 삭제 영역 위로 드래그되는 것을 보여주는 스타일 지정을 추가하거나 삭제합니다. | |
updateHighlighted(enable) | 블록에 강조표시를 표시할지를 설정합니다. 블록 강조표시는 현재 실행 중인 블록을 시각적으로 표시하는 데 자주 사용됩니다. | |
updateInsertionMarker(enable) | 블록이 삽입 마커임을 보여주는 스타일 지정 추가 또는 삭제 | |
updateMovable(enable) | 블록 이동이 가능함을 보여주는 스타일을 추가하거나 삭제합니다. | |
updateReplacementFade(enable) | 드래그 블록이 드롭되면 이 블록이 대체됨을 보여주는 스타일을 추가하거나 삭제합니다. 그림자 블록은 사라집니다. 그렇지 않으면 범프합니다. | |
updateSelected(enable) | 블록이 선택되었음을 보여주는 스타일 지정 추가 또는 삭제 | |
updateShadow_(shadow) | protected |
그림자 상태를 반영하도록 블록의 모양을 업데이트합니다. |
updateShapeForInputHighlight(_conn, _enable) | 드래그 블록을 드롭하면 이 블록이 입력에 연결됨을 보여주는 스타일을 추가하거나 삭제합니다. |