blockly > blockRendering > MarkerSvg
block렌더링.MarkerSvg 클래스
마커를 SVG로 그래픽으로 렌더링하는 메서드가 포함된 마커 클래스입니다.
Signature:
export declare class MarkerSvg
생성자
| 생성자 | 수정자 | 설명 |
|---|---|---|
| (생성자)(작업공간, 상수, 마커) | MarkerSvg 클래스의 새 인스턴스를 구성합니다. |
속성
| 속성 | 수정자 | 유형 | 설명 |
|---|---|---|---|
| colour_ | string | ||
| constants_ | protected |
ConstantProvider | 마커를 그리는 데 필요한 상수입니다. |
| currentMarkerSvg | SVGElement | null | 마커의 현재 SVG 요소입니다. | |
| markerBlock_ | protected |
SVGPathElement | null | |
| markerInput_ | protected |
SVGPathElement | null | |
| markerSvg_ | protected |
SVGGElement | null | 마커가 포함된 루트 SVG 그룹 |
| markerSvgLine_ | protected |
SVGRectElement | null | |
| markerSvgRect_ | protected |
SVGRectElement | null | |
| svgGroup_ | protected |
SVGGElement | null |
방법
| 메서드 | 수정자 | 설명 |
|---|---|---|
| applyColour_(_curNode) | protected |
마커의 색상을 적용합니다. |
| createDom()을 사용하세요. | 마커의 DOM 요소를 만듭니다. | |
| createDomInternal_() | protected |
마커 SVG를 만듭니다. |
| dispose() | 이 마커를 폐기합니다. | |
| draw(oldNode, curNode) | 마커를 업데이트합니다. | |
| getBlinkProperties_() | protected |
마커를 깜박이게 하려면 속성을 가져옵니다. |
| getMarker() | 마커를 가져옵니다. | |
| getSvgRoot() | SVG의 루트 노드를 반환하거나 존재하지 않는 경우 null을 반환합니다. | |
| 숨김 | 마커를 숨깁니다. | |
| isCursor() | 마커를 커서로 그려야 하면 true, 그렇지 않으면 false입니다. 커서가 깜박이는 선으로 그려집니다. 마커는 실선으로 그려집니다. | |
| positionBlock_(너비, 마커 오프셋, 마커 높이) | protected |
블록의 마커를 배치합니다. 블록 주위에 직사각형의 위쪽 절반의 윤곽선을 표시합니다. |
| positionInput_(connection) | protected |
입력 연결의 마커를 배치합니다. 채워진 퍼즐 조각을 표시합니다. |
| positionLine_(x, y, 너비) | protected |
작업공간 단위로 지정된 좌표에 마커를 이동하여 표시합니다. 가로선을 표시합니다. |
| positionOutput_(width, height, 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 |
블록의 마커를 배치하고 표시합니다. |
| showWithCoordinates_(curNode) | protected |
작업공간 좌표의 마커를 배치하고 표시합니다. 가로선입니다. |
| showWithField_(curNode) | protected |
필드의 마커를 배치하고 표시합니다. 들판을 둘러싼 상자입니다. |
| showWithInput_(curNode) | protected |
입력에 대한 마커를 배치하고 표시합니다. 이건 퍼즐 조각이야. |
| showWithNext_(curNode) | protected |
다음 연결을 위한 마커의 위치를 지정하고 표시합니다. 가로선입니다. |
| showWithOutput_(curNode) | protected |
출력 연결을 위한 마커를 배치하고 표시합니다. |
| showWithPrevious_(curNode) | protected |
이전 연결에 대한 마커를 배치하고 표시합니다. |
| showWithStack_(curNode) | protected |
스택에 마커를 배치하고 표시합니다. 이 상자는 전체 블록 스택 주위에 추가 패딩이 있는 상자입니다. |