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 cursortype
-Attributauswahl, die auf die .s7zoomview
-Klasse und steuert den Cursortyp basierend auf dem Komponentenstatus und der Benutzeraktion. Folgendes cursortype
-Werte werden unterstützt:
Wert |
Beschreibung |
---|---|
Standard |
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. |
zurücksetzen |
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. |