EDOMI - Zeigt her eure Visus!

[WagoKlemme]

Super. Danke Dir.

[timberland]

WagoKlemme

Du lässt das Bild einfach mit dem Wind KO drehen.

EDOMI_·_Administration.png drection_new@2x.png

[timberland]

gradient.png

[WagoKlemme]

Den Windrichtungsanzeiger finde ich ziemlich gut. Schön klar erkennbar.
Nur das kleine rote Richtungsdreieck möchte doch umgedreht werden, oder nicht ?
Ich schätze ohne SVG geht da nichts.
Wie hast Du's gemacht ?

[gaert]

Ehrlich gesagt finde ich's ohne Gradient schöner... Sonst wird's u.U. ein bisschen zuviel des Guten?!

[Simone]

Gefaellt mir aber auch was machen wir denn mit dem gradient? Vielleicht mit einem svg?

[timberland]

könnt hinkommen

[Simone]

timberland windows 10 style

[timberland]

und weiter gehts...

IMG_0138.PNG

[jnWICK]

Ihr Freaks seid echt zu beneiden...
Ich will auch so eine schöne Visu wenn wir einmal fertig sind

[gaert]

Das schlage das der W3C doch mal vor

[timberland]

Schade Aber schön wärs schon...

[gaert]

Gradienten als Vordergrundfarbe funktionieren i.d.R. nicht, da CSS dies nicht hergibt (in Kombination mit Canvas-Elementen).

[timberland]

mwKNX

Das sind hier 2 übernanderliegende Rundinstrumente, zB. 270 Grad mit Kontur, Stärke 12px
Beim unteren ist als Vordergrundfarbe die eingestellt die den Hintergrund anzeigen soll. Beim KO Feld habe ich 0 -1 angegeben. Somit wird das immer ganz angezeigt.
Das Rundinstrument drüber hat als Vordergrundfarbe z.B. Rot. Bei KO Feld habe ich hier 10-30.
Und nochmals darüber kannst noch einen Drehregler in Transparent legen damit du den Soll-Wert verstellen kannst.
Die Skala ist ein Bildelement als svg mit Index 0.

[timberland]

Hallo,

gaert ist es möglich beim Rundinstrument bei der Vordergrundfarbe auch eine Art - -webkit-linear-gradient(left, rgba(242,67,44,1) 0%, rgba(245,41,58,1) 0%, rgba(10,245,139,1) 52%, rgba(217,230,40,1) 100%) - zu vergeben. Oder ist das nur bei der Hintergrundfarbe möglich.
So könnte man den Temperaturverlauf auch schön farblich darstellen