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) | Erstellt eine neue Instanz der MarkerSvg -Klasse |
Attribute
Attribut | 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 |
Wenden Sie die Farbe der Markierung an. |
createDom() | Erstellen Sie das DOM-Element für die Markierung. | |
createDomInternal_() | protected |
Erstellen Sie die Markierung im SVG-Format. |
dispose() | Diese Markierung entsorgen. | |
draw(oldNode, curNode) | Aktualisieren Sie die Markierung. | |
getBlinkProperties_() | protected |
Rufen Sie die Eigenschaften zum Blinken einer Markierung ab. |
getMarker() | Markierung abrufen | |
getSvgRoot() | Gibt den Stammknoten der 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. Markierungen werden als durchgehende Linie gezeichnet. | |
positionBlock_(width, markerOffset, markerHeight) | protected |
Positionieren Sie die Markierung für einen Block. Zeigt einen Umriss der oberen Hälfte eines Rechtecks um einen Block an. |
positionInput_(connection) | protected |
Positionieren Sie die Markierung für eine Eingabeverbindung. Zeigt ein gefülltes Puzzleteil. |
positionLine_(x, y, Breite) | protected |
Die Markierung an den angegebenen Koordinaten in Arbeitsbereichseinheiten verschieben und einblenden. Es wird eine horizontale Linie angezeigt. |
positionOutput_(Breite, Höhe, connectionShape) | protected |
Positionieren Sie die Markierung für eine Ausgabeverbindung. Es werden eine Puzzlestruktur sowie der obere und untere Weg angezeigt. |
positionPrevious_(width, markerOffset, markerHeight, connectionShape) | protected |
Positionieren Sie die Markierung für eine vorherige Verbindung. Zeigt ein halbes Rechteck mit einer Aussparung oben an, die die vorherige Verbindung darstellt. |
positionRect_(x, y, Breite, Höhe) | protected |
Die Markierung an den angegebenen Koordinaten in Arbeitsbereichseinheiten verschieben und einblenden. Es wird ein ausgefülltes Rechteck angezeigt. |
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 anhand des curNode-Typs. |
showCurrent_() | protected |
Aktuelle Markierung einblenden |
showWithBlock_(curNode) | protected |
Positionieren und blenden Sie die Markierung für einen Block ein. |
showWithButton_(curNode) | protected |
Positionieren und blenden Sie die Markierung für eine Flyout-Schaltfläche ein. Dies ist ein Feld mit zusätzlichem Abstand um die Schaltfläche. |
showWithCoordinates_(curNode) | protected |
Positionieren und zeigen Sie die Markierung für eine Arbeitsbereichkoordinate an. Dies ist eine horizontale Linie. |
showWithField_(curNode) | protected |
Positionieren und blenden Sie die Markierung für ein Feld ein. Das 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 blenden Sie die Markierung für die nächste Verbindung ein. Dies ist eine horizontale Linie. |
showWithOutput_(curNode) | protected |
Positionieren und zeigen Sie die Markierung für eine Ausgabeverbindung an. |
showWithPrevious_(curNode) | protected |
Positionieren und blenden Sie die Markierung für eine vorherige Verbindung ein. |
showWithStack_(curNode) | protected |
Positionieren und blenden Sie die Markierung für einen Stapel ein. Dies ist ein Feld mit zusätzlichem Abstand um den gesamten Blockstapel. |