Grafische Darstellung Von Variablen; Farbe Einer Grafik Steuern - Digitronic Automationsanlagen DigiWEB Bedienungsanleitung

Digitronic
Automationsanlagen GmbH

6.6. Grafische Darstellung von Variablen

Durch diese Funktion ist es möglich, den Wert einer Variablen grafisch darzustellen. So kann das
DigiWEB z.B. die Füllhöhe eines Fasses oder den Status einer Lampe durch ein Bild anzeigen.
Dieses Bild muß als animierte "GIF" - Datei vorliegen. Eine animierte "GIF" - Datei stellt eine Art Film
aus einer bestimmten Anzahl von Bilder dar. Um den Wert einer Variablen durch das DigiWEB
grafisch darzustellen, muß das "GIF" - Bild eine dem Variablenwert entsprechende Anzahl von
Bildern (Frames) enthalten. Das DigiWEB liest beim Laden der HTML Seite den Wert der Variablen
und sendet den Frame des "GIF" - Bildes an den Browser, der dem Wert entspricht.
Für das Darstellen eines Ein - bzw. Auszustandes ist ein "GIF" - Bild mit zwei Bildern
notwendig. Hier zum Beispiel eine LED mit zwei Frames in einer symbolischen
Filmdarstellung.
Durch dieses Bild ("LEDGN.GIF") ist das DigiWEB in der Lage, den Zustand einer 1 Bit Variablen
darzustellen.
- Hierzu fügen Sie eine "GIF" - Datei als Grafik in die HTML Seite ein und legen Sie Position bzw.
Größe fest.
Eingabebeispiel:
HTML Code:
- Ergänzen Sie die Eigenschaften des Bildes mit der Variablenadresse bzw. einem Ausdruck (sehen
Sie hierzu auch Kapitel "6.9. Ausdrücke" auf Seite 30).
Eingabebeispiel:
Hinweis: Dieser Wert kann bei einigen Editoren nur über den HTML - Code eingegeben werden.
HTML Code:
- Ergänzen Sie zusätzlich die Eigenschaften des Bildes mit den Ausdrücken für die GIF
Manipulation.
- Geschwindigkeit der Animation
- Anzahl der angezeigten Bilder
Achtung: Die Eingabe von "#spd" und "#frm" ist nur dann erlaubt, wenn das "GIF" - Bild mehrere
Frames bzw. Bilder enthält die dargestellt weden sollen (z.B. zum Blinken).
Eingabebeispiel:
HTML Code:
Darstellung im HTML - Editor
mit Farbumschlag (blinkt)
Hinweis: Zur Geschwindigkeitsoptimierung der GIF - Dateien liegt auf der DigiWEB Setup
Diskette ein Konvertierungsprogramm mit dem Namen "GIFPREP32" bei.

6.6.1. Farbe einer Grafik steuern

Durch Ergänzen der Eigenschaften eines Bildes um den Parameter "#col:=" kann die Farbe einer
Grafik beeinflußt werden. Voraussetzung hierzu jedoch ist, daß die Farbe, die geändert bzw.
gesteuert werden soll, in der Grafik mit einer bestimmten Farbe gezeichnet wurde. Der Farbwert für
diese ist: Rot = 0, Grün = 0 und Blau = 1 (in HEX 000001 = 0xRRGGBB).
Eingabebeispiel:
HTML Code:
Darstellung im HTML - Editor
mit Farbwert 000001
Ausgabe: 14.05.2004
HTML - Editor über Menü "Einfügen" -> "Bild" -> Bild wählen -> OK
<img src="ledgn.gif" width="13" height="13" border="0">
##000187b1
<img src="ledgn.gif" width="13" height="13" border="0"
name="##000187b1">
"#spd:=xxx;"
"#frm:=xxx;"
##000187b1_5; #frm:=2; #spd:= 50;
<img src="ledgn.gif" width="13" height="13" border="0"
name="##000187b1_5; #frm:=2; #spd:= 50;" >
Darstellung im Browser bei Bit 1
ohne Farbumschlag (blinkt nicht)
#col:=(##000187%256)+0xFFFF00
<img src="farbe.gif" width="10" height="10" border="0"
name="#col:=##000187b1?0xFFFFFF:0xFFFF00">
Darstellung im Browser
bei Bit 1 = 0 im Register ##000187
(xxx = Geschwindigkeit in Prozent % der
originalen Zeitangaben in der GIF - Datei)
(xxx = Anzahl Bilder ab Variablenwert).
= Gelb
Das Ethernet Modul
DigiWEB
Darstellung im Browser bei Bit 0
ohne Farbumschlag (blinkt nicht)
Darstellung im Browser
bei Bit 1 = 1 im Register ##000187
= Weiss
Seite: 23/23