縮放檢視 zoom-view

在連續縮放模式中,當目前資產為單一影像時,主檢視是由可縮放影像組成。

主要檢視器區域的​ CSS屬性

檢視區域的外觀是由下列CSS類別選取器所控制:

.s7mixedmediaviewer .s7zoomview
CSS屬性
說明
背景色彩
主檢視的十六進位格式的背景顏色。
游標
游標顯示在主檢視上。

範例 — 讓縮放檢視透明。

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

在桌上型電腦系統上,元件支援cursortype屬性選取器,可套用至.s7zoomview類別。 它根據元件狀態和使用者動作來控制游標型別。 支援下列cursortype個值:

  • default

    當影像因為影像解析度較小或元件設定(或兩者)而無法縮放時顯示。

  • zoomin

    當影像可以放大時顯示。

  • reset

    當影像處於最大縮放等級時顯示,並可重設為初始狀態。

  • drag

    當使用者平移處於放大狀態的影像時顯示。

  • slide

    當使用者透過進行水準撥動或輕觸來執行影像交換時顯示。

recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8