magnifier

立即使用

open close moveTo

概述

本模块封装了放大镜功能。开发者可通过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 及更高版本