webToImage (網頁轉圖片)模塊試用分享
模塊介紹:
本模塊封裝了把 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 (網頁轉圖片)模塊試用分享