Zoom-Ansicht zoom-view

Die Hauptansicht besteht aus dem zoombaren Bild.

CSS-Eigenschaften des Haupt-Viewer-Bereichs

Das Erscheinungsbild des Anzeigebereichs wird mit der folgenden CSS-Klassenauswahl gesteuert:

.s7basiczoomviewer .s7zoomview
CSS-Eigenschaft
Beschreibung
background-color
Hintergrundfarbe im hexadezimalen Format der Hauptansicht.
Cursor
Der Cursor wird über der Hauptansicht angezeigt.

Beispiel - um die Hauptansicht transparent zu machen.

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

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

Wert
Beschreibung
default
Wird angezeigt, wenn das Bild aufgrund einer geringen Bildauflösung, Komponenteneinstellungen oder beidem nicht vergrößert werden kann.
zoomin
Wird angezeigt, wenn das Bild vergrößert werden kann.
reset
Wird angezeigt, wenn sich das Bild auf einem maximalen Zoomfaktor befindet und auf seinen ursprünglichen Status zurückgesetzt werden kann.
ziehen
Wird angezeigt, wenn ein Benutzer das Bild schaltet, das gezoomt ist.
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8