차단 > blockRendering > MarkerSvg
블록 렌더링.MarkerSvg 클래스
마커를 SVG로 그래픽으로 렌더링하는 메서드가 포함된 마커의 클래스입니다.
서명:
export declare class MarkerSvg
생성자
| 생성자 | 수정자 | 설명 |
|---|---|---|
| (생성자)(작업공간, 상수, 마커) | MarkerSvg 클래스의 새 인스턴스를 생성합니다. |
속성
| 속성 | 수정자 | 유형 | 설명 |
|---|---|---|---|
| colour_ | 문자열 | ||
| constants_ | protected |
ConstantProvider | 마커를 그리는 데 필요한 상수입니다. |
| currentMarkerSvg | SVG요소 | 없음 | 마커의 현재 SVG 요소입니다. | |
| markerBlock_ | protected |
SVGPathElement | 없음 | |
| markerInput_ | protected |
SVGPathElement | 없음 | |
| markerSvg_ | protected |
SVGG요소 | 없음 | 마커가 포함된 루트 SVG 그룹. |
| markerSvgLine_ | protected |
SVGRectElement | 없음 | |
| markerSvgRect_ | protected |
SVGRectElement | 없음 | |
| svgGroup_ | protected |
SVGG요소 | 없음 |
메서드
| 메서드 | 수정자 | 설명 |
|---|---|---|
| applyColour_(_curNode) | protected |
마커의 색상을 적용합니다. |
| createDom() | 마커의 DOM 요소를 만듭니다. | |
| createDomInternal_() | protected |
마커 SVG를 만듭니다. |
| dispose() | 이 마커를 폐기합니다. | |
| draw(oldNode, curNode) | 마커를 업데이트합니다. | |
| getBlinkProperties_() | protected |
마커를 깜박이게 하기 위한 속성을 가져옵니다. |
| getMarker() | 마커를 가져옵니다. | |
| getSvgRoot() | SVG의 루트 노드를 반환하거나, 루트 노드가 없는 경우 null을 반환합니다. | |
| hide() | 마커를 숨깁니다. | |
| isCursor() | 마커를 커서로 그려야 하는 경우 true, 그렇지 않으면 false입니다. 커서가 깜박이는 선으로 그려집니다. 마커는 실선으로 그려집니다. | |
| positionBlock_(width, markerOffset, markerHeight) | protected |
마커를 블록에 배치합니다. 블록 주위에 직사각형 위쪽 절반의 윤곽선을 표시합니다. |
| positionInput_(connection) | protected |
입력 연결의 마커를 배치합니다. 채워진 퍼즐 조각을 표시합니다. |
| positionLine_(x, y, 너비) | protected |
마커를 이동하고 작업공간 단위로 지정된 좌표에 표시합니다. 가로선을 표시합니다. |
| positionOutput_(너비, 높이, connectionShape) | protected |
출력 연결에 마커를 배치합니다. 퍼즐 윤곽선과 상단 및 하단 경로를 표시합니다. |
| positionPrevious_(width, markerOffset, markerHeight, connectionShape) | protected |
이전 연결에 마커를 배치합니다. 상단에 이전 연결을 나타내는 노치가 있는 반 직사각형을 표시합니다. |
| positionRect_(x, y, 너비, 높이) | protected |
마커를 이동하고 작업공간 단위로 지정된 좌표에 표시합니다. 채워진 직사각형을 표시합니다. |
| setParent_(newParent) | protected |
마커의 SVG 루트를 상위 요소의 SVG 그룹에 연결합니다. |
| showAtLocation_(curNode) | protected |
curNode 유형에 따라 마커의 표시 상태를 업데이트합니다. |
| showCurrent_() | protected |
현재 마커를 표시합니다. |
| showWithBlock_(curNode) | protected |
블록에 마커를 배치하고 표시합니다. |
| showWithButton_(curNode) | protected |
플라이아웃 버튼의 마커를 배치하고 표시합니다. 버튼 주위에 추가 패딩이 있는 상자입니다. |
| showWithCoordinates_(curNode) | protected |
작업공간 좌표의 위치를 지정하고 마커를 표시합니다. 가로줄입니다. |
| showWithField_(curNode) | protected |
필드에 마커를 배치하고 표시합니다. 이것은 필드를 둘러싼 상자입니다. |
| showWithInput_(curNode) | protected |
입력에 사용할 마커의 위치를 지정하고 표시합니다. 퍼즐 조각이네요. |
| showWithNext_(curNode) | protected |
다음 연결을 위해 마커의 위치를 지정하고 표시합니다. 가로줄입니다. |
| showWithOutput_(curNode) | protected |
출력 연결을 위한 마커를 배치하고 표시합니다. |
| showWithPrevious_(curNode) | protected |
이전 연결에 대한 마커를 배치하고 표시합니다. |
| showWithStack_(curNode) | protected |
스택의 마커를 배치하고 표시합니다. 이 상자는 전체 블록 스택 주위에 추가 패딩이 있는 상자입니다. |