FTUI3 Analoguhr

Zielsetzung

Es gibt noch kein FTUI3 Control für die Darstellung 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>