缩放视图 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