缩放视图 zoom-view

主视图由可缩放的图像组成。

主查看器区域的CSS属性

查看区域的外观由以下CSS类选择器控制:

.s7zoomviewer .s7zoomview
CSS属性
说明
background-color
主视图的十六进制格式的背景颜色。
光标
光标显示在主视图上。

示例 — 使主视图透明。

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

在桌面系统上,该组件支持 cursortype 属性选择器,可应用于 .s7zoomview 类。 它根据组件状态和用户操作控制光标的类型。 以下各项 cursortype 值受支持:

  • default

    由于图像分辨率或组件设置太小或两者兼而有之,导致图像无法缩放时显示。

  • zoomin

    在可以放大图像时显示。

  • reset

    在图像处于最大缩放级别时显示,并且可以重置为其初始状态。

  • drag

    当用户平移处于缩放状态的图像时显示。

  • slide

    用户通过执行水平轻扫或轻扫执行图像交换时显示。

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