Blockly | Google for Developers

Forschungsumfrage: Feedback zu Blockly geben

Diese Seite wurde von der Cloud Translation API übersetzt.

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.