Bild / Grafik in Floorplan anzeigen

[Cybers]

Ich habe eine Grafik im SVG-Format erstellt und möchte die nun auf meinem Florplan darstellen.

Mit folgendem Code in meiner fhem.cfg bekomme ich das Bild zwar angezeigt, allerding viel zu groß und nicht komplett:

Code Auswählen Erweitern

define Rahmen_Aussenanlage weblink image /fhem/images/default/Rahmen.svg

Wenn ich dann noch folgendes ergänze wird die Grafik zwar kleiner aber auch weiterhin nicht ganz dargestellt:

Code Auswählen Erweitern

attr Rahmen_Aussenanlage htmlattr width="320" height="200" frameborder="0" marginheight="0" marginwidth="0"

Gibt es eine weitere Möglichkeit ein Bild auf dem Floorplan darzustellen? Am besten auch so, daß ich es über die floorplanstyle.css anpassen kann (

Code Auswählen Erweitern

#Rahmen_Aussenanlage svg { height:200px; width:100px; }).

[Cybers]

das Problem mit der unvollständigen Anzeige habe ich gelöst, war ein Fehler in meiner SVG-Datei.
Jetzt habe ich ein weiteres Problem: alle Buttons sind nicht mehr anklickbar da die Grafik davor liegt.
Gibt es dafür eine Lösung?

[fiedel]

Ja, bette die Grafik in dein Hintergrundbild ein.

[Cybers]

das ist das, was ich eigentlich vermeiden will, da ich alles quasi in Modulbauweise haben will, ohne daß ich mein Hintergrundbild verändern muß nur weil ich den Rahmen einer Gruppe verkleiner oder vergößern will.

[fiedel]

Aha, dann hast du das "Ebenenproblem".  Das wurde hier auch schon diskutiert: FP kann die Darstellungsebenen nicht per Attr. o.ä. beeinflussen. Das geht aber über die Krücke der Alphabetischen Ordnung. Du musst also mit der Benennung deiner Elemente so lange experimentieren, bis es passt.

[Cybers]

hast du vielleicht auch noch eine Lösung für mich wie ich eine SVG-Datei anstatt mit "weblink image" einbinden kann?

[UliM]

Aha, dann hast du das "Ebenenproblem".  Das wurde hier auch schon diskutiert: FP kann die Darstellungsebenen nicht per Attr. o.ä. beeinflussen. Das geht aber über die Krücke der Alphabetischen Ordnung.

Hi,
das geht eleganter über css, heisst z-index:
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index

Bezgl SVG-Grafik-Grösse: ich meine mal gesehen zu haben, dass man die Farbe durch einen postfix wie zB @red ändern kann ( meineSVGgrafik@red ), weiss nicht ob es auch einen postfix für die Größe gibt. Evtl kann man die SVG-Größe ebenfalls über css steuern, ich meine dass es in der default.css einen Abschnitt zu SVG-Formatierung gibt.

Gruß, Uli

[Tommy82]

Hi, ich muss hier auch mal fragen, hab eine .gif, welche ich gerne auf meinem Floorplan anzeigen möchte, wie binde ich diese an einer bestimmten Position auf dem Floorplan ein?

Danke

[fiedel]

hast du vielleicht auch noch eine Lösung für mich wie ich eine SVG-Datei anstatt mit "weblink image" einbinden kann?

Hi, ich muss hier auch mal fragen, hab eine .gif, welche ich gerne auf meinem Floorplan anzeigen möchte, wie binde ich diese an einer bestimmten Position auf dem Floorplan ein?

Eine Möglichkeit wäre noch das Bild einem Dummy als Icon oder Devstateicon zuzuweisen und diesen auf dem FP per "nur Icon anzeigen" zu positionieren. Das bringt noch den Zusatznutzen, dass man das Bild je nach Wert des Dummys ändern kann.

[Tommy82]

Eine Möglichkeit wäre noch das Bild einem Dummy als Icon oder Devstateicon zuzuweisen und diesen auf dem FP per "nur Icon anzeigen" zu positionieren. Das bringt noch den Zusatznutzen, dass man das Bild je nach Wert des Dummys ändern kann.

Wo muss ich das Bild hinkopieren?

Und dann meinst du ich soll über ein

Code Auswählen Erweitern

define Bild dummy ein dummy erzeugen und diesem dann als icon das Bild zuweisen? oder wie muss ich das machen?

[UliM]

Für statische Bilder würd ich
weblink image
Empfehlen, siehe commandref

Ist übrigens alles in epischer Breite im Floorplan-Einrichtungsleitfaden erklärt

[Tommy82]

Für statische Bilder würd ich
weblink image
Empfehlen, siehe commandref

Ist übrigens alles in epischer Breite im Floorplan-Einrichtungsleitfaden erklärt

Was meinst du mit statischen Bildern?
Und welchen Einrichtungsleitfaden meinst du?

[fiedel]

Statische Bilder = Bilder die sich nicht ändern (sollen)
Einrichtungsleitfaden

Edit: Hab das jetzt auf der WIKI- Hauptseite auch mal zur Pflichtlektüre erklärt. 

Edit2:
In etwa so (ungetestet):

Code Auswählen Erweitern

define Bild dummy
attr Bild devStateIcon bild1:Bild_1.png bild2:Bild_2.png bild3:Bild_3.png


!!! devStateIcon muss oben bei "attr global userattr ..." mit eingetragen werden !!!
Bild_1.png, Bild_2.png und Bild_3.png müssen sich im Icon- Ordner (iconpath) befinden!
Jetzt kann der Dummy auf dem Floorplan eingerichtet werden.
Dann kann unter FHEM per "set Bild bild1" das erste Bild auf dem FP angezeigt werden.
Die Darstellung des Bildes (Größe / Rahmen usw.) kann nun noch in der CSS- Datei angepasst werden (ggf. Firebug verwenden).

[Tommy82]

Muss ahrscheinlich nochmal blöd fragen, wo ist der icon Ordner?
Da kopiere ich das Bild rein und dann ein

Code Auswählen Erweitern

define grundriss weblink /www/Grundriss.gif

Oder wie wäre es richtig?

Danke

[fiedel]

Hui, das ist mir jetzt zu kompliziert zu erklären. Außerdem hast du ne Fritzbox, wo das wieder alles anders ist... 

Schnapp dir mal von der Wiki- Hauptseite (Link im Post über deinem letzten) die beiden "Pflichtlektüren" und suche darin nach "iconPath"! Da musst du die Zusammenhänge kennen lernen. Es würde nichts helfen, wenn ich dir hier einfach einen Pfad an den Kopf knalle.

Gruß

Frank