Flusslinie

Ca. 3 Min. Lesezeit

TwFlowLine · Kategorie: SVG

Einstellungen

Diese Einstellungen finden Sie bei ausgewähltem Widget rechts im Eigenschaftenbereich, meist im Abschnitt Flusslinien-Einstellungen. Der Standardwert ist der Wert, den das Widget beim ersten Einfügen in eine Seite hat.

Fluss

Einstellung	Typ	Standardwert	Beschreibung
Fluss aktivieren flowEnabled	Kontrollkästchen	Ein	Zeigt entlang der Linie laufende Striche. Ausgeschaltet wird stattdessen das Strichmuster verwendet.
Flussrichtung flowDirection	Auswahl	forward	Vorwärts bewegt die Striche vom ersten zum letzten Punkt, Rückwärts in die Gegenrichtung. Optionen: forward Vorwärts, reverse Rückwärts
Flussgeschwindigkeit flowSpeed	Zahl	40	Bewegungsgeschwindigkeit in px pro Sekunde (Standard 40).
Flusslücke flowGap	Zahl	8	Abstand zwischen Strichen oder Punkten in px (Standard 8).
Spline verwenden useSpline	Kontrollkästchen	Aus	Zeichnet eine glatte Kurve durch die Punkte statt gerader Segmente.
Flussmuster flowPattern	Auswahl	dash	Strich zeichnet Linienstücke, Punkt zeichnet Punkte. Optionen: dash Strich, dot Punkt
Flusssegment flowSegment	Zahl	12	Länge jedes Strichs in px (Standard 12). Beim Muster Punkt nicht verwendet.

Linie

Einstellung	Typ	Standardwert	Beschreibung
Linienstil lineStyle	Auswahl	normal	Rohr zeichnet die Linie als Rohr mit dunklerem Außenrand und hellerem Kern; Normal zeichnet einen einfachen Strich. Optionen: normal Normal, pipe Rohr
Linienende strokeLineCap	Auswahl	round	Form offener Linienenden: flach, rund oder eckig. Optionen: butt, round, square
Linienfarbe strokeColor	Farbe	#0d9488	Konturfarbe der Form.
Linienstärke strokeWidth	Zahl	4	Konturstärke in Pixeln.
Strichmuster strokeDashArray	Text	—	Strichmuster der Kontur, zum Beispiel: 5,3
Linienverbindung strokeLineJoin	Auswahl	round	Form der Ecken, an denen zwei Segmente aufeinandertreffen, z. B. spitz, rund oder abgeschrägt. Optionen: arcs, bevel, miter, miter-clip, round
Hover-Farbe hoverColor	Farbe	—	Farbe, die verwendet wird, wenn sich der Mauszeiger über der Form befindet.
Liniendeckkraft strokeOpacity	Zahl	1	Konturtransparenz. 0 ist vollständig transparent, 1 vollständig deckend.

Weitere Einstellungen

Einstellung	Typ	Standardwert	Beschreibung
Enable Flashing enableFlashing	Kontrollkästchen	Aus	Lässt das Widget blinken (ein Transparenzimpuls pro Sekunde). Wird meist an eine Alarmbedingung gebunden.
Log Button logButton	Kontrollkästchen	Aus	Zeigt zur Laufzeit beim Überfahren des Widgets ein Diagrammsymbol; ein Klick fügt die an das Widget gebundenen Tags der Log-Tag-Liste hinzu.
Füllfarbe fillColor	Farbe	#333333	Füllfarbe der Form.
Fülldeckkraft fillOpacity	Zahl	100	Fülltransparenz. 0 ist vollständig transparent, 1 vollständig deckend.

Bindungen

Im Abschnitt Bindungen (Regeln) des Eigenschaftenbereichs kann ein Tag mit einer Direct-Bindung an die folgenden Eigenschaften dieses Widgets gebunden werden. Die Bindungstypen (Direct, IntRange, FloatRange, Boolean, Bit) sind für alle Widgets gleich; sie werden auf der Seite Widget-Referenz beschrieben.

title, visible, authorization, x, y, width, height, rotation, class, foregroundColor, backgroundColor, borderColor, borderStyle, borderWidth, borderRadius, borderTopLeftRadius, borderTopRightRadius, enableFlashing, logButton, markerArrowColor, markerDotColor, markerSquareColor, markerStart, markerMid, markerEnd, markerSegment, fillColor, fillOpacity, strokeColor, strokeOpacity, strokeWidth, strokeDashArray, hoverColor, to.type, points, useSpline, lineStyle, strokeLineJoin, strokeLineCap, flowEnabled, flowDirection, flowPattern, flowSpeed, flowSegment, flowGap

Gemeinsame Abschnitte

Bei ausgewähltem Widget zeigt der Eigenschaftenbereich außerdem diese gemeinsamen Abschnitte: Allgemein, Layout, Aussehen, Zeichnung, Navigation (Ziel), Markierungen, Punkte, Bindungen (Regeln). Diese Abschnitte werden auf der Seite Seiteneditor beschrieben.