Native.js屏幕截图实例代码

 更新时间:2018年09月17日 12:03:04   投稿:wdc  
本文详细解读了Dcloud的H5+API中webview draw使用方法,并给出draw截图的Android,iOS通用方法,希望对大家有所帮助

无需使用Native.js即可实现Android,iOS通用截图

直接上代码:

<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
	<title>Webview Example</title>
	<script type="text/javascript">
var ws=null;
// H5 plus事件处理
function plusReady(){
	ws=plus.webview.currentWebview();
}
if(window.plus){
	plusReady();
}else{
	document.addEventListener('plusready', plusReady, false);
}
// 截屏绘制
var bitmap=null;
function captureWebview() {
	bitmap = new plus.nativeObj.Bitmap('test');
	// 将webview内容绘制到Bitmap对象中
	ws.draw(bitmap,function(){
		console.log('截屏绘制图片成功');
	},function(e){
		console.log('截屏绘制图片失败:'+JSON.stringify(e));
	});
}
	</script>
	</head>
	<body>
		截屏绘制Webview窗口<br/>
		<button onclick="captureWebview()">Draw</button>
	</body>
</html>
	

说明:

draw

截屏绘制使用方法

 void wobj.draw( bitmap, successCallback, errorCallback, options );

将Webview窗口的可视区域截屏并绘制到Bitmap图片对象中。

参数:

bitmap: ( plus.nativeObj.Bitmap ) 可选 要绘制的图片对象

如果图片中已经存在内容则覆盖,如果截屏绘制失败则保留之前的图片内容。

successCallback: ( SuccessCallback ) 可选 截屏绘制操作成功回调

截屏绘制操作成功时调用。

errorCallback: ( ErrorCallback ) 可选 截屏绘制操作失败回调

截屏绘制操作失败时调用,并返回失败信息。

options: ( WebviewDrawOptions ) 可选 截屏绘制操作参数

设置控制截屏绘制区域、是否检测白屏等。

返回值:

void : 无

附Dcloud的Native.js支持的API详细介绍与说明

www.dcloud.io/docs/api/index.html

查看更多关于native.js实例代码,大家可以看一下页面的相关连接

相关文章

  • Android getViewById和getLayoutInflater().inflate()的详解及比较

    Android getViewById和getLayoutInflater().inflate()的详解及比较

    这篇文章主要介绍了Android getViewById和getLayoutInflater().inflate()的详解及比较的相关资料,这里对这两种方法进行了详细的对比,对于开始学习Android的朋友使用这两种方法是个很好的资料,需要的朋友可以参考下
    2016-11-11
  • Android自定义TextView实现文字倾斜效果

    Android自定义TextView实现文字倾斜效果

    有时候Android自带的控件无法满足我们的某些要求,这时就需要我们自定义控件来实现这些功能。比如在实际开发应用中,我们有时需要将TextView的文字倾斜一定的角度,就需要自定义TextView。下面这篇文章就给大家介绍了利用Android TextView如何实现文字倾斜效果。
    2016-11-11
  • Android getReadableDatabase() 和 getWritableDatabase()分析对比

    Android getReadableDatabase() 和 getWritableDatabase()分析对比

    这篇文章主要介绍了Android getReadableDatabase() 和 getWritableDatabase()分析对比的相关资料,需要的朋友可以参考下
    2017-06-06
  • Android获取手机号码和运营商信息的方法

    Android获取手机号码和运营商信息的方法

    这篇文章主要介绍了Android获取手机号码和运营商信息的方法,以实例形式完整讲述了获取手机号码和运营商信息的技巧,代码中包含完整的注释说明,需要的朋友可以参考下
    2015-01-01
  • Android ContentProvider基础应用详解

    Android ContentProvider基础应用详解

    ContentProvider是android四大组件之一。它是不同应用程序之间交换数据的标准api,ContentProvider以某种uri的形式对外提供数据,允许其它应用程序对其访问或者修改数据。本文将介绍ContentProvider的基础应用,感兴趣的可以学习一下
    2021-12-12
  • Android Apk反编译及加密教程

    Android Apk反编译及加密教程

    这篇文章主要为大家介绍了Android Apk反编译及加密教程,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步早日升职加薪
    2022-03-03
  • 基于Android6.0实现弹出Window提示框

    基于Android6.0实现弹出Window提示框

    这篇文章主要为大家详细介绍了基于Android6.0实现弹出Window提示框,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • android仿QQ个人主页下拉回弹效果

    android仿QQ个人主页下拉回弹效果

    这篇文章主要为大家详细介绍了android仿QQ个人主页下拉回弹效果的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • Android 自定义验证码输入框的实例代码(支持粘贴连续性)

    Android 自定义验证码输入框的实例代码(支持粘贴连续性)

    这篇文章主要介绍了Android 自定义验证码输入框的实例代码(支持粘贴连续性),代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-10-10
  • 说说在Android如何使用服务(Service)的方法

    说说在Android如何使用服务(Service)的方法

    这篇文章主要介绍了说说在Android如何使用服务(Service)的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06

最新评论