blockly > blockRendering > MarkerSvg

blockRendering.MarkerSvg-Klasse

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) Erstellt eine neue Instanz der MarkerSvg-Klasse

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, die die Markierung enthält.
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 Markierungs-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 zurück oder null, 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, markerOffset, markerHeight) protected Positionieren Sie die Markierung für einen Block. Stellt einen Umriss der oberen Hälfte eines Rechtecks um einen Block dar.
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, size, connectionShape) protected Positionieren Sie die Markierung für eine Ausgabeverbindung. Es werden ein Rätselentwurf sowie der obere und untere Pfad angezeigt.
positionPrevious_(width, markerOffset, markerHeight, connectionShape) protected Positionieren Sie die Markierung für eine frühere Verbindung. Zeigt ein halbes Rechteck mit einer Kerbe oben an, die die vorherige Verbindung darstellt.
positionRect_(x, y, width, height) protected Die Markierung wird an der angegebenen Koordinate in Arbeitsbereichseinheiten verschoben und angezeigt. Zeigt ein ausgefülltes Rechteck an.
setParent_(newParent) protected Fügt den SVG-Stamm des Markierungspunkts an die SVG-Gruppe des übergeordneten Elements an.
showAtLocation_(curNode) protected Aktualisiert den sichtbaren Status der Markierung auf Grundlage des curNode-Typs.
showCurrent_() protected Aktuelle Markierung anzeigen.
showWithBlock_(curNode) protected Positionieren Sie die Markierung für einen Block und blenden Sie sie ein.
showWithButton_(curNode) protected Positionieren und zeigen Sie die Markierung für eine Flyout-Schaltfläche an. Dies ist ein Feld mit zusätzlichem Abstand um die Schaltfläche.
showWithCoordinates_(curNode) protected Positionieren Sie die Markierung für eine Arbeitsbereichskoordinate und zeigen Sie sie an. Das ist eine horizontale Linie.
showWithField_(curNode) protected Positionieren und zeigen Sie die Markierung für ein Feld an. Das ist ein Kasten um das Feld.
showWithInput_(curNode) protected Positionieren und anzeigen der Markierung für eine Eingabe. Das ist ein Puzzleteil.
showWithNext_(curNode) protected Positionieren und zeigen Sie die Markierung für die 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 frühere Verbindung an.
showWithStack_(curNode) protected Positionieren Sie die Markierung für einen Stapel und zeigen Sie sie an. Dies ist ein Feld mit zusätzlichem Innenrand, der den gesamten Blockstapel umfasst.