SVG Icons vergrößern

[Michi240281]

Hallo Leute,

ich würde gerne SVG Icons für den Floorplan vergrößern. Nur wie mach ich das? Wie macht Ihr das?

Selbst Photoshop kann kein svg öffnen.........

Und nun?

Gibts generell irgendwo Quellen wo man sich Icons runterladen kann die bei Benutzung von Fhem Sinn machen?

Danke schonmal!!

[betateilchen]

Der Vorteil von svg Dateien ist doch gerade, dass sie keine festgelegte "eigene" Größe haben, sondern als Vektorgrafik beliebig skalierbar sind.

Ich weiss jetzt nicht, wie die SVG in floorplan eingebunden werden (da ich nicht mit floorplan arbeite) aber normalerweise reicht es aus, einfach der Grafik die Zielgröße vorzugeben.

SVG Dateien kannst Du mit jedem Texteditor öffnen. Da solltest Du Angaben zu Breite und Höhe finden.

Beispiel: ./www/images/fhemSVG/system_fhem.SVG

Code Auswählen Erweitern


<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->

<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   version="1.1"
   width="585"
   height="585"
   viewBox="0 0 468 468"
   id="svg2">
  <metadata
     id="metadata8">



Und in fhem sind doch jede Menge SVG Dateien bereits enthalten, was fehlt Dir denn noch?

[Frank Hell]

Das sollte doch auch mit CSS gehen...

[Michi240281]

Bin gerade dabei das auf die Reihe zu kriegen!

Offensichtlich muss man 2 verschiedene Sachen ändern:

Einmal height und width und dann auch noch viewbox!

Habs aber noch nicht raus, wie man beides einstellen muss, damit das SVG größer wird und auch korrekt angezeigt wird. Denn man kann da zum einen die Größe der Grafik an sich und dann noch offenbar den Außenrand einstellen! Habs zwar schon größer bekommen, aber dann ist es nur halb zu sehn, weil irgendwie abgeschnitten?!?

[betateilchen]

Das sollte doch auch mit CSS gehen...

logisch, das wäre eigentlich auch der "richtige" Lösungsweg.

[Michi240281]

logisch, das wäre eigentlich auch der "richtige" Lösungsweg.

Könnt Ihr mich bitte aufschlauen?

Welches CSS müsste ich denn da bearbeiten? Das floorplaystyle.css?

Habe gestern mal in Firebug rumprobiert und habe auch den Eintrag für das Icon gefunden (height, width und viewbox) und mit den Werten rumgespielt. Ich bekomme das Icon auch größer, aber ich bekomme einfach die "Begrenzung" (unsichtbarer Rahmen) nicht größer, sodass das Icon dann zwar größer aber dafür abgeschnitten wird.

Bitte um Ratschläge!

[Michi240281]

Ich habe da nochmal 2 andere Fragen:

1. Kann ich unterschiedliche Floorplans für WEB, WEBS und WEBTablet verwenden? ALso für die unterschiedlichen FhemWEB Instanzen? Ich bräuchte das aufgrund der unterschiedlichen Auflösung.
2. Wie bekommt man bei nem Dimmer im Floorplan das "pct" webcmd in Betrieb genommen? Wenn ich da im fllorplan draufklicke, passiert irgendwas! Es müsste aber am besten ein Menu aufgehen, wo man dann den Wert eingeben kann!

Danke schonmal!!