blockly > blockRendering > PathObject
blockRendering.PathObject-Klasse
Ein Objekt, das das Erstellen und Festlegen der einzelnen vom Renderer verwendeten SVG-Elemente verwaltet.
Unterschrift:
export declare class PathObject implements IPathObject
Implementierung:IPathObject
Konstruktoren
Konstruktor | Modifikatoren | Beschreibung |
---|---|---|
(Konstruktor)(Stamm, Stil, Konstanten) | Erstellt eine neue Instanz der PathObject -Klasse |
Attribute
Attribut | Modifikatoren | Typ | Beschreibung |
---|---|---|---|
konstanten | ConstantProvider | ||
cursorSvg | SVGElement | null | Enthält das svg-Element des Cursors, wenn der Cursor mit dem Block verbunden ist. Dieser Wert ist null, wenn sich kein Cursor im Block befindet. | |
markerSvg | SVGElement | null | Enthält das SVG-Element für Markierungen, wenn die Markierung am Block befestigt ist. Dieser Wert ist null, wenn sich keine Markierung im Block befindet. | |
Stil | BlockStyle | ||
svgPath | SVGElement | ||
svgRoot | SVGElement |
Methoden
Methode | Modifikatoren | Beschreibung |
---|---|---|
addConnectionHighlight(connection, connectionPath, offset, rtl) | Fügt den angegebenen Pfad als Verbindungshervorhebung für die angegebene Verbindung hinzu. | |
applyColour(block) | Wenden Sie die gespeicherten Farben auf den Pfad des Blocks an und berücksichtigen Sie dabei, ob die Pfade zu einem Schattenblock gehören. | |
flipRTL() | Blättern Sie die SVG-Pfade in RTL um. | |
removeConnectionHighlight(connection) | Entfernt alle Markierungen, die mit der angegebenen Verbindung verknüpft sind, sofern vorhanden. | |
setClass_(className, add) (Klassenname, Hinzufügen) | protected |
Fügen Sie die angegebene CSS-Klasse zum SVG-Stammelement des Pfadobjekts hinzu oder entfernen Sie sie. |
setCursorSvg(cursorSvg) | Fügen Sie den Cursor „SVG“ zur SVG-Gruppe dieses Blocks hinzu. | |
setMarkerSvg(markerSvg) | Fügen Sie die Markierung SVG zur SVG-Gruppe dieses Blocks hinzu. | |
setPath(pathString) | Legen Sie den vom Renderer generierten Pfad auf dem entsprechenden SVG-Element fest. | |
setStyle(blockStyle) | Legen Sie den Stil fest. | |
updateDisabled_(disabled) | protected |
Aktualisiert das Design des Blocks, sodass dieser den Status „Deaktiviert“ widerspiegelt. |
updateDraggingDelete(enable) | Fügen Sie Stile hinzu oder entfernen Sie sie, um zu zeigen, dass ein Block über einen Löschbereich gezogen wird. | |
updateHighlighted(enable) | Legen Sie fest, ob der Block eine Markierung anzeigen soll. Die Blockhervorhebung wird häufig verwendet, um derzeit ausgeführte Blöcke visuell zu markieren. | |
updateInsertionMarker(enable) | Sie können Stile hinzufügen oder entfernen, um zu zeigen, dass ein Block eine Einfügungsmarkierung ist. | |
updateMovable(enable) | Fügen Sie Stile hinzu oder entfernen Sie sie, um zu zeigen, dass ein Block beweglich ist. | |
updateReplacementFade(enable) | Durch Hinzufügen oder Entfernen von Stilen wird festgelegt, dass dieser Block durch das Ziehen des Blocks ersetzt wird. Wenn ein Schattenblock vorliegt, verschwindet er. Andernfalls stößt sie aneinander. | |
updateSelected(enable) | Sie können Stile hinzufügen oder entfernen, um zu zeigen, dass ein Block ausgewählt ist. | |
updateShadow_(shadow) | protected |
Aktualisiert das Aussehen des Blocks, sodass ein Schatten angezeigt wird. |
updateShapeForInputHighlight(_conn, _enable) | Sie können Stile hinzufügen oder entfernen, die angeben, dass dieser Block mit der Eingabe verbunden wird, wenn Sie den Ziehblock ziehen. |