Seite 1 von 1

Icons für Custom-Logik

Verfasst: Mi Apr 28, 2021 2:21 pm
von TobiasLessing
Hallo zusammen,

wie kann ich meinen Custom-Logiken, denn ein Icon zuweisen? Es scheint ja vorgesehen zu sein. Leider kann ich mit dem Kommentar nicht viel anfangen.
Ist "image/svg+xml" der Pfad? Falls ja, wie kann ich auf diesen zugreifen? Wird zusätzlich eine .xml-Datei benötigt? Falls ja, was muss da rein und wie soll sie heißen? zeigt die UI auch farbige svg-Icons an?
In der KB finde ich leider nichts (oder ich hab nicht gründlich genug gesucht).

Code: Alles auswählen

"_Meta": { // Optional
    "Description": "",
    "Version": "1.00",
    "Icon": "" // format: "data:image/svg+xml;base64,ENCODED_FILE"
  }
Ist zwar reine Kosmetik, aber wenn sich damit die Übersichtlichkeit erhöht, hat es ja auch einen praktischen Nutzen. Außerdem hat sich jemand die Mühe gemacht es zumindest vorzusehen, dann will ich das auch honorieren (kleiner Teaser...) [ich bin jemand der Bedienungsanweisungen ließt, weil sich da auch jemand Mühe gegeben hat...].

Soweit vielen Dank.
Viel Grüße

Tobias

Re: Icons für Custom-Logik

Verfasst: Mi Apr 28, 2021 2:49 pm
von Dragonos2000
Du musst die Rastergrafik base64 kodieren/konvertieren (dabei kommt eine lange kryptische Zeichenfolge raus) und einfügen. Dann sieht die Icon-Zeile so aus (abgekürzt):
"Icon": " data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6I..."

Zum konvertieren kannst Du bspw. folgende Seite nutzen:
https://base64.guru/converter/encode/image/svg

Re: Icons für Custom-Logik

Verfasst: Mi Apr 28, 2021 7:38 pm
von TobiasLessing
Vielen Dank Jochen,

ist zwar nicht sehr ansehnlich im Code, aber egal. Solange es die Performance nicht eintrübt ist alles gut.
Allerdings bekomme ich es selbst mit einem einfachen, schwarzen Kreis/Ring nicht hin. Die Logik lässt sich mit dem Fehler "Unexpected token in JSON at position xyz"-nicht speichern. Hab mal alle "//" in Base64-Text gelöscht und siehe da, sie ließ sich speichern. Allerdings ist dann keine Grafik zu sehen.
Bei der Konvertierung konnte ich aber nichts weiter einstellen (habe zwei erschiedene Online-Tools getestet, mit unterschiedlichen .svg). Das Ergebnis war überall identisch.
Gibt es beim Bild noch etwas zu beachten? Farbe, Größe,...?

Danke.
Viele Grüße

Tobias

Re: Icons für Custom-Logik

Verfasst: Mi Apr 28, 2021 7:59 pm
von StefanW
Hi Tobias,
TobiasLessing hat geschrieben: Mi Apr 28, 2021 7:38 pmist zwar nicht sehr ansehnlich im Code, aber egal. Solange es die Performance nicht eintrübt ist alles gut.
Bilder sind binär codiert. Text wird auch binär codiert, aber hierbei dienen manche Bits als Steuerzeichen. Um das zu umgehen nimmt man eine Base64 Kodierung vor. Die sieht zwar "wild" aus, aber es ist letztlich der einzige Weg, ein Binärformat in einer Textdatei zu speichern.

lg

Stefan

Re: Icons für Custom-Logik

Verfasst: Mi Apr 28, 2021 9:19 pm
von Dragonos2000
@TobiasLessing Hmm...hast Du eine Rastergrafik oder Vektorgrafik konvertiert? Ich habe zwar oben von Rastergrafik geschrieben, wenn ich mich recht erinnere muss es aber eine Vektorgrafik sein. Konvertiere mal ein SVG, ob es dann immer noch Fehler gibt.

Re: Icons für Custom-Logik

Verfasst: Mi Apr 28, 2021 9:36 pm
von TobiasLessing
Jetzt bin ich etwas verwirrt. :?
.svg sind doch scalable vector grafics. Ich behaupte die gibt es nicht auf Rasterbasis.
Es waren ansonsten .svg-Dateien die ich genutzt habe. Allerdings der zeit wegen online gesucht. Ich erstelle sonst morgen mal ein eigenes und gebe Bescheid ob's hilft.

Re: Icons für Custom-Logik

Verfasst: Do Apr 29, 2021 12:24 am
von Dragonos2000
TobiasLessing hat geschrieben: Mi Apr 28, 2021 9:36 pm .svg sind doch scalable vector grafics. Ich behaupte die gibt es nicht auf Rasterbasis.
Ja, das ist auch richtig. Ich habe mich oben verschrieben mit der Rastergrafik. Sorry für die Verwirrung. Poste mal den kompletten Meta-Abschnitt mit dem codierten Bild, ob da was falsch ist. Aber bitte darauf achten, dass das codierte und hier gepostete Bild auch Lizenz mäßig sauber ist, damit es da keinen Stress gibt.

Re: Icons für Custom-Logik

Verfasst: Fr Apr 30, 2021 1:56 pm
von TobiasLessing
So heute hab ich es geschafft.

Vielen Dank noch einmal Jochen. Das Problem saß wie üblich vorm Bildschirm. :angry-banghead:
Man muss auch .svg-Dateien konvertieren. Ich hab zwar online nach einfachen Vektorgrafiken gesucht, beim Download waren es dann aber doch .png-Dateien... Hätte mir schon eher auffallen müssen. Mit Inkscape konnte ich jetzt ein eigenes .svg-Icon erstellen.
Sorry für die geklaute Zeit! Ich gelobe Besserung.

An der Stelle noch eine kleine Rechtsfrage:
kann über die TOLL auch gleich das Verwendungsrecht an einer eigens erstellten Grafik erteilt werden? Die TOLL selbst bezieht ja auch die Dokumentation mit ein. Ein Icon zu besseren Unterscheidung der Blöcke würde ich da jetzt einfach mit dazu zählen. Aber ob das dann auch reicht? ICh würde meine Grafiken jedenfalls mit freigeben, wenn ich dazu komme, welche zu machen.

Viele Grüße
Tobias

Re: Icons für Custom-Logik

Verfasst: So Mär 13, 2022 5:08 pm
von adimaster
Dragonos2000 hat geschrieben: Mi Apr 28, 2021 2:49 pm Zum konvertieren kannst Du bspw. folgende Seite nutzen:
https://base64.guru/converter/encode/image/svg
Cool, ist zwar schon eine Weile her der Beitrag, aber hat mir eben geholfen :handgestures-thumbsup:

Feature/Idee ... eine "Bilderauswahl" hier oder im Wiki speichern.

Allerdings stelle ich fest, dass ein Bild mit 839.972 Zeichen die Logik ganz schön verlangsamt :doh:
GIbt es eine Empfehlung für die Anzahl an Pixels für die Bilder?