Farben von Hintergrundbildern ändern

[DJens]

Bitte nicht falsch verstehen! Ich finde die Arbeiten, die hier (abgesehen von verschwindend geringen Spendenbeiträgen) kostenlos geleistet werden, großartig.
Die "noch bessere" Lösung von saegefisch gefällt mir auch am besten. Man hätte so auch in edomi ruck-zuck mal ne Farbe geändert (weil sie z.B. mit der gewählten Hintergrundfarbe keinen guten Kontrast bildet).
timberland : Wie hast du es geschafft, dass z.B. das vent_ventilation icon sauber in deiner font dargestellt wird. Ich würde mir, wenn ich nun mit edomi durchstarte (bin bisher auch auf cometvisu), gleich mit einem aktuellen Iconset als font starten. Hast du die svgs hierzu bearbeitet? Oder sollte ich doch die "svg in x Farben Lösung" von saegefisch bevorzugen? Muss vermutlich noch eine Nacht drüber schlafen, ich möchte dieses Mal von Anfang an alles richtig machen...

[givemeone]

Andere Projekte ersetzen die Farbe schlicht per regex, hat jemand mal versucht, ob man per Universal Objekt ein svg, das in einem iko gespeichert ist, anzuzeigen? Sollte eigentlich gehen. Dann könnte man per Logik davor die Farbe bestimmen bzw auf eine definierte Farbe stellen.

[saegefisch]

Das klingt nach einem interessanten Ansatz. Bräuchte aber auch speziell "präparierte" SVG-Dateien, wenn ich das richtig verstehe. Wie löst man sowas auf der Seite des "Erstellers" technisch? Können gängige Vektorgrafikprogramme das ootb?

Ist eine längere Weile her, als ich das das letzte Mal versucht habe, zu verfolgen/lösen. Ich weiß es nicht mehr, sorry.

im letzten Diskurs hier dazu habe ich für mich beschlossen, dass das manuelle Erzeugen in x Farben für mich kein Problem ist und damit importiere ich halt x quasi gleiche SVG. Schöner geht immer: besser wäre, man hätt ein "Original" importiert und eodmi leitet daraus im Import automatisch die x (wählbaren) Farbvarianten aus. Ändert man das Original durch erneuten Upload, würde die x farbigen Replikate nachgezogen.
Oder noch besser: Reguläre SVG würde edomi so auflösen, dass sie (vermutlich wohl inline) mit der VG-Farbe angepasst werden können. Ob speziell angepasste SVG möglich sind? Die würde der Import wohl möglich verweigern. Und vielleicht würde die auch xnView & Co oder Windows nicht mehr sauber anzeigen; wäre auch unschön.

[MKHR]

Ich hatte mich in das Thema SVG-Font mal etwas tiefer eingearbeitet und ein (schlecht dokumentiertes) Tool hierfür bereit gestellt.
Genau genommen sind es zwei Tools. Eine Batch, die aus den gelisteten svgs einen Font erstellt (das, was der Endnutzer benutzen will) und ein C#-Tool, um die batch zu erstellen (das, was man nach dem Hinzufügen neuer Icons macht).
Das ganze ist dynamisch anpassbar und kann mit der Nummerierung umgehen. Wenn man ein paar Grundregeln einhält könnte man damit auch eine Community-Weite, durchgehende Kompatibilität erreichen.
Was fehlt ist Usability (Einsteigerfreundlichkeit, Linux-Support etc).

Ab hier:
https://knx-user-forum.de/forum/play...61#post1339861

Hier konkreter:
https://knx-user-forum.de/forum/play...19#post1347119


Ich selbst Plane zwar immer noch, das irgendwann mal "hübsch" zu machen, werde aber in absehbarer Zeit aufgrund von anderen Baustellen nicht dazu kommen.

[mfd]

[*]SVG sind (inline) per CCS einfärbbar im Standard. ggf optional Filterbar über ID-Maske der einzelnen Strokes

Das klingt nach einem interessanten Ansatz. Bräuchte aber auch speziell "präparierte" SVG-Dateien, wenn ich das richtig verstehe. Wie löst man sowas auf der Seite des "Erstellers" technisch? Können gängige Vektorgrafikprogramme das ootb?

[saegefisch]

SVG einfärben: Auch bei meinem neuem Visu-Ansatz "from scratch" vermeide ich bisher Fonts, weil ich persönlich das unhandlich finde und SVG einfach gerne mag und konzeptionell für richtig halte (z.B. Mehrfarbigkeit - die geht aber mit font/SVG auch immer per übereinander-legen, aber auch sprechende Namen der SVG vs. Font.Code). Ich mache viele Icons auch selber.SVG ist ein schlanker und guter Standard wie ich finde. Das Einfärben sollte technisch möglich sein. Grundsätzlich sehe damals wie heute mehrere Möglichkeiten, habe mich allerdings nie mit Christians Coding beschäftigt um beurteilen zu können, um dies nur Theorie ist im edomi-Kontext:

• SVG sind (inline) per CCS einfärbbar im Standard. ggf optional Filterbar über ID-Maske der einzelnen Strokes
• SVG könnte man beim Import der Bilder einfärben. Damit könnte man im Import aus einem SVG x nutzbare SVGs machen z.B. mit einem gewünschten Set von Vordergrundfarben durch ersetzen der Farbinformation im gewählten Original. NIchts anderes mach eich derzeit manuell: 1 SVG, danach daraus x in X Farben. Diesen Schritt könnte edomi unterstützen, abnehmen. ggf optional Filterbar über ID-Maske der einzelnen Strokes. Durch sinnvolle ID-Wahl könnte man so auch Mehrfarbigkeit schützen bzw. machbar machen.
• SVG beim Aktivieren wie in Punkt 2 umsetzen, z.B. gemäß "Zusatzvordergrundfarbe 1". Damit importiert man nur 1 SVG und kann es im UE einzeln einfärben.

Wenn 1 nicht geht, scheint mir 2 recht praktikabel - aber das macht natürlich Arbeit, wäre nur was für "uff' die Liste"... Ich fänd's klasse und würde eine Unterstützung in edomi sehr schätzen, aber hat für mich keine hohe Prio, weil ich mir mit jedem Texteditor rasch selber helfen kann und auch kein Icon-Junkie bin.

[mfd]

Von meiner Seite kann ich dazu folgendes sagen:
bisher gibt es von mir keine Schriftart mit den vorhandenen Icons. Alles was an Icon-Schriftarten erstellt wurde und irgendwo im Forum zu finden ist, ist von Nutzern vermutlich für ihre eigenen Bedürfnisse zurechtgelegt. Deshalb kann ich auch zur Qualität oder Art der Umsetzung nichts sagen.

Wie du selbst erwähnt hast, ist eine sorgfältige Planung und Umsetzung notwendig, wenn man eine (oder mehrere) Schriftarten erstellen will, die erweiterbar sind, und noch dazu allen Nutzerszenarien gerecht werden sollen.
Das ist auch der Hauptgrund, warum es bislang von meiner Seite zu dem Thema nichts gab. Es würde im Grunde eine komplette Neuerstellung aller Icons erfordern, zusätzlich eine professionelle Software zur Schriftartenerstellung. Im Idealfall dann auch, dieses Konstrukt über Jahre hinweg aktuell zu halten und zu pflegen.

Wenn mir jemand eine Stunde täglich schenken, bzw. Arbeitsstunde täglich ein Jahr lang finanzieren* würde, wäre das überhaupt kein Problem.

*die eingegangen Spenden der letzten 5 Jahre für das IconSet decken maximal eine Arbeitsstunde.

[DJens]

timberland : Vielen Dank erstmal für deine Arbeit! Wie bist du mit der Meldung "Strokes get ignored when generating fonts or CSH files.
You may convert them to fills and reimport your SVG(s)." umgegangen, als du deine font bei https://icomoon.io/app/#/select generiert hast?

gaert : Vielen Dank für edomi und die immense Arbeit, die du hier reingesteckt haben musst! Du hast erwähnt, dass die fonts nicht vorgeladen werden und somit beim Laden der Seiten kurzzeitig eine Default font angezeigt werden könnte. Ließe sich dieses Problem umgehen bzw. verkleinern, in dem man aus dem iconset mehrere kleinere nach Thema gruppierte fonts erzeugt, damit diese beim Laden der Seite schneller da sind? Also z.B. eine Font "audio", eine "control", eine "fts_blade" usw.?

mfd : Vielen Dank auch an dich für das sorgfältige erstellen von hunderten, bald tausend Icons, die aus einem Guss wirken! Würde es Sinn machen, eine große bzw. falls sinnvoll mehrere kleine fonts (s.o.), direkt in deinem iconset bereitzustellen? Mittlerweile gibt es bald 100 zusätzliche icons, die du nach und nach hinzugefügt hast und die in der font noch nicht enthalten sind. Beim Erstellen einer eigenen font, scheitere ich, weil manche Bildbestandteile deiner svgs von icomoon ignoriert werden. Beim Lüfter (vent_ventilation) sehe ich z.B. nur das mittlere Dreieck und die Flügelblätter fehlen in der font.

Edit:
Ein Aspekt kommt mir noch in den Sinn: Beim Neuerstellen der Schriftart aufgrund hinzugekommener Icons kann vermutlich nicht sichergestellt werden, dass die Codes der alten Symbole erhalten bleiben. D.h. es würde dann die ganzen Icons auf bestehenden Visus verstrubeln, wenn auf die neue Schriftart umgestellt würde. Oder kann man die Codes fest den svgs zuweisen, sodass das kein Problem wäre. Falls das nicht geht, wäre das noch ein Argument, die icons in verschiedenen fonts nach Thema zu clustern. Dann wären bei Änderungen nur eine font bzw. nur wenige und nicht gleich das ganze iconset betroffen.

Und noch ein Punkt: Ich habe festgestellt, dass beim Erstellen der font die Qualität ein wenig leidet. So wirken feine Linien in den svgs/pngs "ausgefranst"/dicker. Nicht falsch verstehen, das ist optisch wirklich nur eine Nuance und wird vielen vermutlich gar nicht auffallen. Aber ich möchte es erwähnt haben.

Vielleicht bin ich ja mit dem font-Ansatz auch schon wieder komplett veraltet und es können mittlerweile auf mir unbekanntem Weg auch die svgs/pngs in edomi eingefärbt werden?! Es hat sich ja in diesem Thread herausgestellt, dass der ein oder andere hierfür auch Bedarf hat und seit dem sind ja schon einige Jahre vergangen.

[mammut]

Genau diese Prozedur mit IrfanWiew habe ich schon lange gesucht. Funktioniert. Herzlichen Dank.

[mwKNX]

Ich habe auch lange herumprobiert, bis ich die Icons farbig bekam. Hier meine Lösung:
- das Bild mit IrfanView öffnen
- Menü Bild -> Farben ändern auswählen
- unter "Farb-Balancierung" die R/G/B-Schieber bewegen bzw. die Werte eingeben
- Speichern (unter), in den Optionen "Transparente Farbe speichern" und "Transparenz als Alpha-Kanal speichern" aktivieren

[Giranewbie]

anscheinend hab ich das prinzip noch nicht verstanden , da hast du recht

[Brick]

wow... also irgendwie passt da nix...

erstens.. im Universalelement musst du den Hexwert eintragen von dem Icon das du anzeigen willst.. (müsste so aussehen wie in meinem Screenshot das Gelb markierte)
Dann.. Hast du deine Schrift "Licht an" genannt ?
Du kannst fei mehrere Icons in so eine Schrift packen !!
Diese werden dann eben über den Hexcode ausgewählt und angezeigt
In deinem zweiten Screenshot hast du nichts bei Farbe drin.. is dann glaub ich Standard weiß !
Warum hast du im Screenshot 3 ein Hintergrundbild drin ?

Ich glaub dir ist noch nicht ganz klar, was du da machst, oder ?

Eine Schriftart erzeugen in dem alle Icons die du brauchst enthalten sind (mit Icomoon)
diese in Edomi hochladen.
Im Beschriftungsfeld kommt der Hexcode rein, den du dir aus der "demo.html" Datei ausliest .. mit &#x davor und ; danach (also zb.  )
in den Designeigenschaften wählst du die Schriftart aus und änderst die Farbe nach deinen Wünschen.
Mehr ist es nicht...

Das Hintergrundbild muss bei den Designvorlagen auf jeden Fall raus..

[Giranewbie]

1.JPG 2.JPG 3.JPG

[Brick]

mach mal ein Screenshot von den Einstellungen im Universalelement und vom Design !

[Giranewbie]

Also ich hab das Icon geladen --> dann einen font erstellt --> das dann in edomi geladen und als Licht an benannt --> das dann dem dem dynamischen design unter schriftart zugewiesen und dann die farbe vordergrund verändert .

leider ändert sich die farbe des icons nach wie vor nicht .