Native.js屏幕截圖實例代碼

更新時間：2018年09月17日 12:03:04 投稿：wdc

本文詳細(xì)解讀了Dcloud的H5+API中webview draw使用方法,并給出draw截圖的Android,iOS通用方法,希望對大家有所幫助

無需使用Native.js即可實現(xiàn)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內(nèi)容繪制到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窗口的可視區(qū)域截屏并繪制到Bitmap圖片對象中。

參數(shù)：

bitmap: ( plus.nativeObj.Bitmap ) 可選要繪制的圖片對象

如果圖片中已經(jīng)存在內(nèi)容則覆蓋，如果截屏繪制失敗則保留之前的圖片內(nèi)容。

successCallback: ( SuccessCallback ) 可選截屏繪制操作成功回調(diào)

截屏繪制操作成功時調(diào)用。

errorCallback: ( ErrorCallback ) 可選截屏繪制操作失敗回調(diào)

截屏繪制操作失敗時調(diào)用，并返回失敗信息。

options: ( WebviewDrawOptions ) 可選截屏繪制操作參數(shù)

設(shè)置控制截屏繪制區(qū)域、是否檢測白屏等。

返回值：

void : 無

附Dcloud的Native.js支持的API詳細(xì)介紹與說明

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

查看更多關(guān)于native.js實例代碼，大家可以看一下頁面的相關(guān)連接

您可能感興趣的文章:

相關(guān)文章

Android getViewById和getLayoutInflater().inflate()的詳解及比較
這篇文章主要介紹了Android getViewById和getLayoutInflater().inflate()的詳解及比較的相關(guān)資料,這里對這兩種方法進(jìn)行了詳細(xì)的對比，對于開始學(xué)習(xí)Android的朋友使用這兩種方法是個很好的資料，需要的朋友可以參考下
2016-11-11
Android自定義TextView實現(xiàn)文字傾斜效果
有時候Android自帶的控件無法滿足我們的某些要求，這時就需要我們自定義控件來實現(xiàn)這些功能。比如在實際開發(fā)應(yīng)用中，我們有時需要將TextView的文字傾斜一定的角度，就需要自定義TextView。下面這篇文章就給大家介紹了利用Android TextView如何實現(xiàn)文字傾斜效果。
2016-11-11
Android getReadableDatabase() 和 getWritableDatabase()分析對比
這篇文章主要介紹了Android getReadableDatabase() 和 getWritableDatabase()分析對比的相關(guān)資料,需要的朋友可以參考下
2017-06-06
Android獲取手機(jī)號碼和運(yùn)營商信息的方法
這篇文章主要介紹了Android獲取手機(jī)號碼和運(yùn)營商信息的方法,以實例形式完整講述了獲取手機(jī)號碼和運(yùn)營商信息的技巧,代碼中包含完整的注釋說明,需要的朋友可以參考下
2015-01-01
Android ContentProvider基礎(chǔ)應(yīng)用詳解
ContentProvider是android四大組件之一。它是不同應(yīng)用程序之間交換數(shù)據(jù)的標(biāo)準(zhǔn)api，ContentProvider以某種uri的形式對外提供數(shù)據(jù)，允許其它應(yīng)用程序?qū)ζ湓L問或者修改數(shù)據(jù)。本文將介紹ContentProvider的基礎(chǔ)應(yīng)用，感興趣的可以學(xué)習(xí)一下
2021-12-12
Android?Apk反編譯及加密教程
這篇文章主要為大家介紹了Android?Apk反編譯及加密教程，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步早日升職加薪
2022-03-03
基于Android6.0實現(xiàn)彈出Window提示框
這篇文章主要為大家詳細(xì)介紹了基于Android6.0實現(xiàn)彈出Window提示框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-10-10
android仿QQ個人主頁下拉回彈效果
這篇文章主要為大家詳細(xì)介紹了android仿QQ個人主頁下拉回彈效果的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-02-02
Android 自定義驗證碼輸入框的實例代碼(支持粘貼連續(xù)性)
這篇文章主要介紹了Android 自定義驗證碼輸入框的實例代碼(支持粘貼連續(xù)性),代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下
2019-10-10
說說在Android如何使用服務(wù)（Service）的方法
這篇文章主要介紹了說說在Android如何使用服務(wù)（Service）的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-06-06