# Schriftartfamilie festlegen # font arial # Farbe für die nächsten Aktionen festlegen # gültig bis zur nächsten Definition per rgb # # Format: rrggbbaa # rr gg bb = rgb Werte (hexadezimal) # aa = Deckkraft (hexadezimal) je höher der Wert, # umso höher die Deckkraft # rgb "7F7F7FFF" # graue, voll deckend # Linien zeichnen # # Format: line [] # id = Name des Objekts # x1,y1 = obere linke Ecke des Rechtecks # x2 y2 = untere rechte Ecke des Rechtecks # th = Linienstärke (in Pixel), optional, default=1 # line - 0 150 800 150 2 line - 200 0 200 400 2 line - 0 400 800 400 line - 600 0 600 400 rgb "00FF00FF" # Fadenkreuz in grün line - 400 100 400 400 line - 100 300 700 300 # pt Schriftgröße in Pixel # gültig bis zur nächsten Definition # pt 24 rgb "FFFFFFFF" # Schriftfarbe weiß, voll deckend # Text zentriert ausgeben # thalign "middle" # Text ausgeben # Format: text {} # text - 400 25 "InfoPanel" # Text linksbündig ausgeben # thalign "start" # Datum ausgeben # Format: date # date - 50 25 # Text rechtsbündig ausgeben # thalign "end" # Uhrzeit ausgeben # Format: time # time - 750 25 # Rechteck zeichnen # Format: rect [] # id = Name des Objekts # x1,y1 = obere linke Ecke des Rechtecks # x2 y2 = untere rechte Ecke des Rechtecks # rx,ry = Radien für abgerundete Ecken # filled = Rechteck füllen (0|1) # rgb FF00007F rect - 200 150 400 300 0 0 1 # rot gefüllt ohne Abrundung rect - 410 160 590 290 10 10 1 # rot gefüllt mit runden Ecken # Rechteck als Link festlegen # Format: area # id = Name des Objekts # x1,y1 = obere linke Ecke des Rechtecks # x2 y2 = untere rechte Ecke des Rechtecks # target = Ziel-URL # # wir verwenden das linke rote Rechteck # um zu fhem zu verlinken area - 200 150 400 300 http://www.fhem.de # condition funktioniert wie in 02_RSS.pm # # condition { ReadingsVal('HMinfo', 'ERR_battery', 0) } condition 1 # Grafiken einbinden # Format: img # id = Name des Objekts # x,y = obere linke Ecke der Grafik # # wir legen ein rotes Quadrat 48x48 hinter das Bild rgb "FF0000FF" rect - 700 200 747 247 2 2 1 # jetzt kommt das Bild in einer Skalierung # Breite = 46 Pixel # img - 701 201 w46 file "./www/images/fhemSVG/batterie.svg" # Kreis zeichnen # Format: circle [] # id = Name des Objekts # x,y = Mittelpunkt des Kreises # r = Radius # filled = Rechteck füllen (0|1) # rgb "FFFF005F" # gelb circle - 700 350 50 1 circle - 720 370 10 0 # Kreis zeichnen # Format: ellipse [] # id = Name des Objekts # x,y = Mittelpunkt des Kreises # rx,ry = Radien der Ellipse # r = Radius # filled = Rechteck füllen (0|1) # rgb "0000FF5F" # blau ellipse - 100 300 50 70 1 ellipse - 100 300 30 20 0 # Plots aus fhem einbinden # Format: # id = Name des Objekts # x,y = obere linke Ecke des Plots # scale = Skalierungsfaktor # inline = Plot als Link (0) oder als BASE64 (1) einfügen # Plotname = Name des SVG devices in fhem # zoom = Darstellungsbereich des Plots # offset = Offset des Plots # # bei Bedarf ein farbiges Rechteck hinter den Plot legen: # rgb "5858587F" # dunkelgrau rect - 0 420 800 580 5 5 1 # jetzt den Plot einbinden plot - 0 420 1 1 "SVG_out_Balkon;day" rgb "FFFFFFFF" thalign "start" # Textausrichtung vertikal # tvalign "baseline" text - 10 150 "baseline" tvalign "middle" text - 110 150 "middle" tvalign "center" text - 610 150 "center" tvalign "hanging" text - 710 150 "hanging" tvalign "baseline" # Sekunden anzeigen: # seconds - 300 350 # Sekunden ohne Doppelpunkt seconds - 500 350 colon # Sekunden mit Doppelpunkt ## Textbox anlegen font arial rgb "FFFFFFFF" pt 12 # boxcolor: Hintergrundfarbe der Textbox # Format: identisch zu rgb # boxcolor "FF0000FF" # padding: äußere Rahmenbreite der Hintergrundfarbe # Format: padding (pixel) # padding "5" # textbox # Format: textbox # textbox - 210 50 180 50 "bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla" #