screenClip

save screenShot

论坛示例

为帮助用户更好更快的使用模块,论坛维护了一个,示例中包含示例代码供您参考。

概述

screenClip 模块封装了屏幕截图的功能,用户可加拖动选择截图的区域,生成的图片可指定保存路径,也可保存到本地相册。用户点击已选截图区域则保存图片并取消本次截图,点击非已选区域则直接取消本次截图。不支持截取视频画面

不能同时添加的模块:shortCut

open

打开截图功能

open({params}, callback(ret, err))

bg:

  • 类型:字符串
  • 描述:(可选项)背景颜色设置,支持#,rgb,rgba

cutFrame:

  • 类型:JSON 对象
  • 描述:(可选项)截取框配置
  • 默认值:见内部字段
  • 内部字段:

save:

  • 类型:JSON 对象
  • 描述:所生成的图片保存位置
  • 默认值:见内部字段
  • 内部字段:
  1. album: //(可选项)布尔类型;是否保存到系统相册;默认:false
  2. imgPath: //(可选项)字符串类型;保存的文件路径,不传则不保存,若路径不存在文件夹则创建此目录
  3. imgName: //(可选项)字符串类型;保存的图片名字,不传则不保存,支持png和jpg格式,若不指定格式,则默认png
  4. }

callback(ret, err)

ret:

  • 类型:JSON 对象
  • 内部字段:
  1. status: //布尔类型;操作成功状态值,true|false
  2. }
  • 类型:JSON 对象
  • 内部字段:
  1. {
  2. code: //错误码,取值范围如下:
  3. // -1:未知错误
  4. // 0:保存到相册失败,无操作相册权限
  5. // 1:保存到到指定路径失败,无指定保存图片路径
  6. // 2:截图失败
  7. // 3:用户取消
  8. }

示例代码

可用性

iOS系统,Android系统 可提供的1.0.0及更高版本

save

截取 open 接口内 cutFrame 参数指定的当前区域的图片,并保存到指定位置

save({params}, callback(ret, err))

params

album:

  • 类型:布尔类型
  • 描述:(可选项)是否保存到系统相册
  • 默认值:false

imgPath:

  • 类型:字符串类型
  • 描述:(可选项)保存的图片路径,若路径不存在文件夹则创建此目录,不传则不保存

imgName:

  • 类型:字符串类型
  • 描述:(可选项)保存的图片名字,不传则不保存,支持png和jpg格式,若不指定格式,则默认png

ret:

  • 类型:JSON 对象
  • 内部字段:
  1. {
  2. }

err:

  • 类型:JSON 对象
  • 内部字段:
  1. {
  2. code: //错误码,取值范围如下:
  3. //-1:未知错误
  4. // 0:保存到相册失败,无操作相册权限
  5. // 1:保存到到指定路径失败,无指定保存图片路径
  6. // 2:截图失败
  7. // 3:用户取消
  8. }

示例代码

  1. var screenClip = api.require('screenClip');
  2. screenClip.save(function(ret, err) {
  3. if (ret.status) {
  4. alert(JSON.stringify(ret));
  5. } else {
  6. alert(JSON.stringify(err));
  7. }

可用性

iOS系统,Android系统 可提供的1.0.0及更高版本

cancel

取消截图

cancel()

示例代码

可用性

可提供的1.0.0及更高版本

screenShot

截屏

screenShot({params}, callback(ret, err))

rect:

  • 类型:JSON 对象
  • 描述:(可选项)截取屏幕的范围
  • 内部字段:
  1. {
  2. x: 0, //(可选项)数字类型;距离屏幕左侧的距离
  3. y: 0, //(可选项)数字类型;距离屏幕顶部的距离
  4. w: 320, //(可选项)数字类型;截取图片的宽 (注意:截取屏幕的宽w+屏幕左侧距离x不能大于手机屏幕的宽)
  5. h: 200 //(可选项)数字类型;截取图片的高 (注意:截取屏幕的高h+屏幕顶部距离y不能大于手机屏幕的高)
  6. }

corner:

  • 类型:数字类型
  • 描述:(可选项)截屏圆角(暂仅支持Android)
  • 默认:0

album:

  • 类型:布尔类型
  • 描述:(可选项)是否保存到系统相册
  • 默认值:false

imgPath:

  • 类型:字符串类型
  • 描述:(可选项)保存的图片路径,若路径不存在文件夹则创建此目录,不传则不保存

imgName:

  • 类型:字符串类型
  • 描述:(可选项)保存的图片名字,不传则不保存,支持png和jpg格式,若不指定格式,则默认png

callback(ret, err)

ret:

  • 类型:JSON 对象
  • 内部字段:
  1. {
  2. status: //布尔类型;操作成功状态值,true|false
  3. }

err:

  • 类型:JSON 对象
  • 内部字段:
  1. {
  2. code: //错误码,取值范围如下:
  3. //-1:未知错误
  4. // 0:保存到相册失败,无操作相册权限
  5. // 1:保存到到指定路径失败,无指定保存图片路径
  6. // 2:截图失败
  7. }

示例代码

可用性

iOS系统,Android系统 可提供的1.0.0及更高版本

提示文字位置

取值范围:

  • center //正中间
  • right_up //右上角
  • right_down //右下角
  • left_up //左上角
  • left_down //左下角
  • center_up //靠上边,左右居中
  • center_down //靠下边,左右居中
  • right_center //靠右上下居中