MrMurphy1: Dynamische HTML Seite entwerfen --> Geht das überhaupt?

Beitrag lesen

Hallo,

ich würde zu SVG raten. Die vorgebrachten "Argumtente" gegen SVG sind mehr oder weniger veraltet oder falsch.

Die Browsersunterstützung ist zum Beispiel fast perfekt, nachzuprüfen bei caniuse. Nur einige Teilaspekte, die für die Zeichnung aber überhaupt nicht benötigt werden, werden nicht unterstützt.

Besonders komplex ist die Zeichnung auch nicht.

Die Texte können zum Schluß problemlos erstellt und plaziert werden

Wiederkehrende Elemente müssen nur einmal definiert werden und können dann beliebig oft verwendet und plaziert werden. So ein Schaltplan ist eher eine Übung für Anfänger.

Die einzelnen Elemente werden einfach übereinander gesetzt:

Die hellblau gestrichelten Quadrate: einmal definieren, viermal anwenden und plazieren

Die grünen Linien: einfach direkt zeichnen, eventuell teilweise als Polylinien

Die grünen Kreuzungspunkte: einmal definieren, beliebig oft anwenden und plazieren

Die gestrichelte gelbe Linie: genau so

Die weiße Linie mit den beiden Pfeilen: genau so

Die gelb-umrandeten Kreise: ganau so, wobei die Anordnungen zur wiederholten Anwendung zusätzlich gruppiert weden können

Bis hierher sind das absolute Anfängeraufgaben. Von der Komplexität sind nur noch die gelben und wenigen grünen Elemente übrig.

Aber wenn man sich die genauer anschaut: Hauptsächlich senkrechte und waagerechte Linien, die anschließend teilweise rotiert sind.

Die können auch jeweils für sich einmal erstellt und dann beliebig oft eingefügt und plaziert werden.

Mit etwas Glück findet sich sogar eine fertige Bibliothek von Symbolen. Zum Beispiel auf Wikipedia:

https://de.wikipedia.org/wiki/Liste_der_Schaltzeichen_%28Elektrik/Elektronik%29

Für nicht vorhandene können ja einfach ähnliche heruntergeladen und angepasst werden. Im Web werden sich aber noch mehr finden lassen.

Die Zeichnung sieht also nur auf den ersten Blick komplex aus. Zerlegt besteht sie aus einfachsten Elementen. Ideales Futter für SVG, grade falls zukünftig noch anderen Grafiken in ähnlicher Art benötigt werden.

Zur Änderung der Schaltzustände brauchen dann nur noch nach Bedarf die entsprechenden Elementen getauscht zu werden.

Gruss

MrMurphy