Zoomansicht

Letzte Aktualisierung: 2022-02-25
  • Erstellt für:
  • Developer
    User

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.

Vorherige Seite
Next page

Auf dieser Seite