Inline-SVG

Ca. 2 Min. Lesezeit

TwInlineSvg · Kategorie: Medien

Einstellungen

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

Einstellung	Typ	Standardwert	Beschreibung
Vertikale Tönungsstufe verticalTintLevel	Zahl	100	Höhe des getönten Bereichs in Prozent, von unten gefüllt (0–100, Standard 100).
Horizontale Tönungsstufe horizontalTintLevel	Zahl	100	Breite des getönten Bereichs in Prozent, von links gefüllt (0–100, Standard 100).
Quelle src	Datei	./uploads/scada/img/empty_image.svg	SVG-Datei, die inline in die Seite eingefügt wird, sodass ihre Teile eingefärbt und geändert werden können.
Quelle umwandeln transformSource	Code	—	JSON-Regelliste, die SVG-Teile ändert: selector (#id oder .class), attr (z. B. fill, stroke, opacity, display) und value oder whenTrue/whenFalse je nach Prozesswert.
Während des Ladens beibehalten keepDuringLoading	Kontrollkästchen	Ein	Zeigt weiter das vorherige Bild, während eine neue Quelle lädt.
Tönungsfarbe tintColor	Farbe	—	Farbe, die über das Bild gelegt wird; leer schaltet die Tönung aus.
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.

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, to.type, src, transformSource, keepDuringLoading, tintColor, verticalTintLevel, horizontalTintLevel

Gemeinsame Abschnitte

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