縮放檢視

上次更新: 2023-05-26
  • 建立對象:
  • Developer
    User

主檢視由可縮放的影像組成。

主要檢視器區域的CSS屬性

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

.s7zoomviewer .s7zoomview

CSS屬性

說明

background-color

主檢視的十六進位格式的背景顏色。

游標

游標顯示在主檢視上。

範例 — 讓主檢視透明。

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

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

  • default

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

  • zoomin

    影像可放大時顯示。

  • reset

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

  • drag

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

  • slide

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

本頁內容