Der Teil mit den SVG-Elementen

Die folgende Abbildung zeigt die SVG-Elemente des usHopper_Graphic-Control:

Der Teil mit den SVG-Elementen 1:

Der Teil mit den SVG-Elementen 2:

Zum Zeichnen eines Bildes können verschiedene svg-Elementtypen verwendet werden. "SVGElement" sollte für alle Klassen-Elemente verwendet werden. Es stellt Default-Stilvorgaben der HMI Process Library zur Verfügung, z. B. Strichfarbe, Breite usw. Die "SVGElement-Border" Klasse kann hinzugefügt werden, wenn die Breite verdoppelt werden soll. Dies ist in der Regel der Fall, wenn der Strich mit dem Rand der SVG-ViewBox oder dem <clipPath>-Element übereinstimmt, das als clip-path-Attribut für dieses Element festgelegt ist.

Weitere Informationen zum Zeichnen von SVGs finden Sie hier: https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorials/SVG_from_scratch.