magnifier

概述

本插件封装了放大镜功能。开发者可通过open接口配置并打开一个放大镜在制定的frame上,可通过moveTo接口移动放大镜位置。支持设置放大镜的大小、放大倍数、放大镜的边框颜色和粗细等样式。

插件接口

open

打开一个放大镜并指定其所在 frame

open({params})

params

fixedOn:

  • 类型:字符串
  • 描述:(可选项)放大镜所在frame(或window)的名字 (仅iOS支持)
  • 默认:当前window

size:

  • 类型:数字
  • 描述:(可选项)放大镜大小
  • 默认:150

scale:

  • 类型:数字
  • 描述:(可选项)放大镜放大倍数
  • 默认:1.5

borderWidth:

  • 类型:数字
  • 描述:(可选项)放大镜边框粗细
  • 默认:1

borderColor:

  • 类型:字符串
  • 描述:(可选项)放大镜边框颜色,支持rgb、rgba、#
  • 默认:#ff0000

touchMove:

  • 类型:布尔类型
  • 描述:(可选项)是否可拖动(仅android支持)
  • 默认:true

point:

  • 类型:JSON对象
  • 描述:(可选项)放大镜位置
  • 内部字段:
{
    x:,          //数字类型;x坐标;默认:0
    y:           //数字类型;y坐标;默认:0
}

示例代码

var magnifier = api.require('magnifier');
magnifier.open({
    point:{
        x:100,
        y:100
    },
    size:100,
    scale:1.3
});

可用性

iOS 系统,Android 系统

可提供的 1.0.0 及更高版本

close

关闭放大镜

close()

示例代码

var magnifier = api.require('magnifier');
magnifier.close();

可用性

iOS 系统,Android 系统

可提供的 1.0.0 及更高版本

moveTo

将放大镜移动到某个位置

moveTo({params})

params

point:

  • 类型:JSON对象
  • 描述:(可选项)放大镜位置
  • 内部字段:
{
    x:,          //数字类型;x坐标;默认:0
    y:           //数字类型;y坐标;默认:0
}

示例代码

var magnifier = api.require('magnifier');
magnifier.moveTo({
    point:{
        x:100,
        y:100
    }
});

可用性

iOS 系统,Android 系统

可提供的 1.0.0 及更高版本

是否仍需要帮助? 请保持联络!
最后更新于 2024/07/31