Dokumentation Dynamic Media Viewer-Referenzhandbuch

Zoom-Ansicht

Letzte Aktualisierung: 31. Dezember 2024

Themen:

Erstellt für:

Entwickler
Benutzende

Die Hauptansicht besteht aus dem vergrößerbaren Bild.

CSS-Eigenschaften des Haupt-Viewer-Bereichs

Das Erscheinungsbild des Anzeigebereichs wird mit dem folgenden CSS-Klassenselektor gesteuert:

.s7basiczoomviewer .s7zoomview

CSS-Eigenschaft	Beschreibung
-	Hintergrundfarbe im Hexadezimalformat der Hauptansicht.
Cursor-	Der Cursor wird über der Hauptansicht angezeigt.

Beispiel - um die Hauptansicht transparent zu gestalten.

.s7basiczoomviewer .s7zoomview {
 background-color: transparent;
}

Auf Desktop-Systemen unterstützt die Komponente den cursortype-Attributselektor , der auf die .s7zoomview angewendet werden kann und den Cursortyp basierend auf dem Komponentenstatus und der Benutzeraktion steuert. Die folgenden cursortype werden unterstützt:

Wert	Beschreibung
-	Wird angezeigt, wenn das Bild aufgrund einer geringen Bildauflösung, Komponenteneinstellungen oder beidem nicht zoombar ist.
Zoom-	Wird angezeigt, wenn das Bild vergrößert werden kann.
-	Wird angezeigt, wenn sich das Bild im maximalen Zoombereich befindet und auf den Ausgangszustand zurückgesetzt werden kann.
Drag	Wird angezeigt, wenn Benutzende das Bild schwenken, das vergrößert ist.

recommendation-more-help