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 及更高版本