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.