1. 程式人生 > >webToImage (網頁轉圖片)模塊試用分享

webToImage (網頁轉圖片)模塊試用分享

-a func require jpeg 功能 cloud -type sap con

模塊介紹:

本模塊封裝了把 webview 轉換成圖片的功能。調用本模塊的transImage接口,可把當前 webview顯示的內容轉換成一張圖片。註意,本模塊只能把當前的webview頁面轉換為圖片,如果當前頁面上打開了一個帶 UI 界面的模塊,會被忽略掉。

模塊文檔

註意:
1. 本模塊目前僅支持iOS。
2. 模塊不支持WKWebView。openFrame或openWin時,要把useWKWebView參數設置為false。

為測試模塊效果,寫的測試網頁包含列表/圖片/H5 Video標簽。測試結果表明,不支持Video標簽。測試結果圖如下:
說明:上方紅框區域為原網頁,下方為調用模塊方法transImage生成的圖片。

技術分享圖片

模塊使用方法介紹

模塊只有兩個接口:
1. transImage(把模塊所依附的當前webview轉換為圖片)
2. clearCache(當webToImage接口內save參數未傳path值,則模塊會將轉換後的圖片保存在緩存目錄。調用本接口,可清除本模塊產生的所有圖片)

使網頁轉為圖片,只需調第一個接口即可,示例:

var webToImage = api.require(‘webToImage‘);

webToImage.transImage({

save: {

path: ‘fs://webToImage‘, // 保存到fs目錄的圖片,可以使用fs模塊清除

name: ‘currentWebviewImage‘

}

}, function(ret) {

console.log(JSON.stringify(ret));

});

復制代碼

點擊可下載測試widget代碼包:https://community.apicloud.com/bbs/forum.php?mod=viewthread&tid=117319&highlight=分享

本文出自APICloud官方論壇,感謝論壇版主uoaccw的分享。

webToImage (網頁轉圖片)模塊試用分享