|
【模块示例】screenClip 模块示例demo
[复制链接]
screenClip 模块封装了屏幕截图的功能,用户可加拖动选择截图的区域,生成的图片可指定保存路径,也可保存到本地相册。注意:用户点击已选截图区域则保存图片并取消本次截图,点击非已选区域则直接取消本次截图。
另外不支持截取视频画面。
模块文档地址:screenClip
模块使用示例:
open接口:
- var screenClip = api.require('screenClip');
- screenClip.open({
- bg: '#00E5EE',
- cutFrame: {
- x: 100, //(可选项)数字类型;截图区域左上角点坐标;默认:10
- y: 100, //(可选项)数字类型;截图区域左上角点坐标;默认:128
- w: 200, //(可选项)数字类型;截图区域的宽;默认:当前屏幕宽减二十
- h: 200 //(可选项)数字类型;截图区域的高;默认:w
- },
- save: {
- album: true, //(可选项)布尔类型;是否保存到系统相册;默认:false
- imgPath: 'fs://img/', //(可选项)字符串类型;保存的文件路径,不传则不保存,若路径不存在文件夹则创建此目录
- imgName: 'ade.png' //(可选项)字符串类型;保存的图片名字,不传则不保存,支持png和jpg格式,若不指定格式,则默认png
- }
- }, function(ret) {
- alert(JSON.stringify(ret));
- })
复制代码 效果图:
注意:点击截屏框内就会保存截图区域,点击其他区域会取消截图, 截图区域可以拖动,但是大小不能改变
fnscreenShot接口:
- var screenClip = api.require('screenClip');
- screenClip.screenShot({
- rect: {
- x: 0, //(可选项)数字类型;模块左上角的 x 坐标(相对于所属的 Window 或 Frame);默认:0
- y: 0, //(可选项)数字类型;模块左上角的 y 坐标(相对于所属的 Window 或 Frame);默认:0
- w: 320, //(可选项)数字类型;模块的宽度;默认:屏幕宽度
- h: 500 //(可选项)数字类型;模块的高度;默认:w屏幕高度
- },
- album: true, //(可选项)布尔类型;是否保存到系统相册;默认:false
- imgPath: "fs://img/", //(可选项)字符串类型;保存的文件路径,不传则不保存,若路径不存在文件夹则创建此目录
- imgName: 'adexss.png' //(可选项)字符串类型;保存的图片名字,不传则不保存,支持png和jpg格式,若不指定格式,则默认png
- }, function(ret) {
- if (ret.status) {
- alert(JSON.stringify(ret));
- }
- })
复制代码 提醒:screenShot接口如果不传rect参数会默认截全屏,如果传递rect参数则会直接保存那块区域的截屏到指定位置
这是我设置rect后的效果(width320,height:500)
|
本帖子中包含更多资源,您需要 登录 才可以下载或查看,没有帐号?立即注册
X
|