blockly > blockRendering > MarkerSvg
Klasse blockRendering.MarkerSvg
Klasse für eine Markierung, die Methoden für die grafische Darstellung einer Markierung als SVG enthält.
Unterschrift:
export declare class MarkerSvg
Konstruktoren
| Konstruktor | Modifikatoren | Beschreibung |
|---|---|---|
| (Konstruktor)(Arbeitsbereich, Konstanten, Markierung) | Konstruiert eine neue Instanz der Klasse MarkerSvg |
Attribute
| Property | Modifikatoren | Typ | Beschreibung |
|---|---|---|---|
| colour_ | String | ||
| constants_ | protected |
ConstantProvider | Die zum Zeichnen der Markierung erforderlichen Konstanten. |
| currentMarkerSvg | SVGElement | null | Das aktuelle SVG-Element für die Markierung. | |
| markerBlock_ | protected |
SVGPathElement | null | |
| markerInput_ | protected |
SVGPathElement | null | |
| markerSvg_ | protected |
SVGGElement | null | Die SVG-Stammgruppe mit der Markierung. |
| markerSvgLine_ | protected |
SVGRectElement | null | |
| markerSvgRect_ | protected |
SVGRectElement | null | |
| svgGroup_ | protected |
SVGGElement | null |
Methoden
| Methode | Modifikatoren | Beschreibung |
|---|---|---|
| applyColour_(_curNode) | protected |
Wende die Farbe der Markierung an. |
| createDom(). | Erstellen Sie das DOM-Element für die Markierung. | |
| createDomInternal_() | protected |
Erstellen Sie die Markierung als SVG-Datei. |
| dispose() | Diese Markierung entsorgen. | |
| draw(oldNode, curNode) | Aktualisieren Sie die Markierung. | |
| getBlinkProperties_() | protected |
Rufen Sie die Eigenschaften ab, damit eine Markierung blinkt. |
| getMarker() | Markierung abrufen | |
| getSvgRoot() | Gibt den Stammknoten des SVG oder null zurück, wenn keiner vorhanden ist. | |
| hide() | Markierung ausblenden. | |
| isCursor() | True, wenn die Markierung als Cursor gezeichnet werden soll, andernfalls false. Ein Cursor wird als blinkende Linie gezeichnet. Eine Markierung wird als durchgezogene Linie gezeichnet. | |
| positionBlock_(width, MarkierungOffset, MarkierungHeight) | protected |
Positionieren Sie die Markierung für einen Block. Zeigt den Umriss der oberen Hälfte eines Rechtecks um einen Block an. |
| positionInput_(connection) | protected |
Positionieren Sie die Markierung für eine Eingabeverbindung. Zeigt ein ausgefülltes Puzzleteil an. |
| positionLine_(x, y, width) | protected |
Die Markierung wird an der angegebenen Koordinate in Arbeitsbereichseinheiten verschoben und angezeigt. Zeigt eine horizontale Linie an. |
| positionOutput_(width, Höhe, connectionShape) | protected |
Positionieren Sie die Markierung für eine Ausgabeverbindung. Es werden ein Umriss eines Rätsels sowie der obere und untere Pfad angezeigt. |
| positionPrevious_(width, MarkierungOffset, MarkierungHeight, connectionShape) | protected |
Positionieren Sie die Markierung für eine frühere Verbindung. Zeigt ein halbes Rechteck mit einer Aussparung oben an, die die vorherige Verbindung darstellt. |
| positionRect_(x, y, Breite, Höhe) | protected |
Die Markierung wird an der angegebenen Koordinate in Arbeitsbereichseinheiten verschoben und angezeigt. Zeigt ein ausgefülltes Rechteck an. |
| setParent_(newParent) | protected |
Hängt den SVG-Stamm der Markierung an die SVG-Gruppe des übergeordneten Elements an. |
| showAtLocation_(curNode) | protected |
Aktualisiert den sichtbaren Status der Markierung basierend auf dem curNode-Typ. |
| showCurrent_() | protected |
Aktuelle Markierung anzeigen. |
| showWithBlock_(curNode) | protected |
Positionieren und zeigen Sie die Markierung für einen Block an. |
| showWithCoordinates_(curNode) | protected |
Positionieren und zeigen Sie die Markierung für eine Arbeitsbereichskoordinate an. Das ist eine horizontale Linie. |
| showWithField_(curNode) | protected |
Positionieren und zeigen Sie die Markierung für ein Feld an. Dies ist ein Kasten um das Feld. |
| showWithInput_(curNode) | protected |
Positionieren und zeigen Sie die Markierung für eine Eingabe an. Das ist ein Puzzleteil. |
| showWithNext_(curNode) | protected |
Positionieren und zeigen Sie die Markierung für eine nächste Verbindung an. Das ist eine horizontale Linie. |
| showWithOutput_(curNode) | protected |
Positionieren und zeigen Sie die Markierung für eine Ausgabeverbindung an. |
| showWithPrevious_(curNode) | protected |
Positionieren und zeigen Sie die Markierung für eine vorherige Verbindung an. |
| showWithStack_(curNode) | protected |
Positionieren und zeigen Sie die Markierung für einen Stapel an. Dies ist ein Feld mit einem zusätzlichen Innenrand rund um den gesamten Stapel von Blöcken. |