Zoomansicht

Die Hauptansicht besteht aus dem zoombaren Bild.

CSS-Eigenschaften des Haupt-Viewer-Bereichs

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

.s7zoomviewer .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.

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

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

  • 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.

  • drag

    Wird angezeigt, wenn der Benutzer das Bild schaltet, das gezoomt ist.

  • slide

    Wird angezeigt, wenn der Benutzer einen Bildtausch durch horizontales Wischen oder Klick durchführt.

Auf dieser Seite