FTUI3 Analoguhr

Aus FHEMWiki
Version vom 22. November 2022, 11:33 Uhr von Andreas r (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „== Zielsetzung == Es gibt noch kein FTUI Control für die Datstelung einer analogen Uhr. Wie kann das trotzdem eingebunden werden? == Umsetzung == Verwendung…“)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Zur Navigation springen Zur Suche springen

Zielsetzung

Es gibt noch kein FTUI Control für die Datstelung einer analogen Uhr. Wie kann das trotzdem eingebunden werden?

Umsetzung

Verwendung der Analoguhr dieser Seite: http://www.3quarks.com/en/SVGClock/index.html Hier findet sich auch ein Online Editor, der zeigt, wie man die Darstellung der Uhr anhand der Parameter beeinflussen kann.

Um die Lösung lokal lauffähig zu bekommen, sollte man sich das SVG Image der Uhr lokal im FTUI Ordner abspeichern. (hier unter dem Ordner "images" geschehen)

<ftui-grid-tile row="1" col="2" height="2" width="3">
  <header>Uhr</header>    
  <object data="images/station-clock.svg" type="image/svg+xml" width="200" height="200">
          <param name="dial" value="din 41091.4" />
          <param name="hourHand" value="din 41092.3" />
          <param name="minuteHand" value="din 41092.3" />
          <param name="secondHand" value="din 41071.1" />
          <param name="minuteHandBehavior" value="stepping" />
          <param name="secondHandBehavior" value="swinging" />
          <param name="secondHandStopToGo" value="yes" />
          <param name="secondHandStopTime" value="1.5" />
          <param name="backgroundColor" value="rgba(0,0,0,0)" />
          <param name="dialColor" value="rgb(191,191,191)" />
          <param name="hourHandColor" value="rgb(230,230,230)" />
          <param name="minuteHandColor" value="rgb(230,230,230)" />
          <param name="secondHandColor" value="rgb(230,50,40)" />
          <param name="axisCoverColor" value="rgb(191,191,191)" />
          <param name="axisCoverRadius" value="7" />
          <param name="updateInterval" value="50" />
  </object>
</ftui-grid-tile>