iOS 對(duì)當(dāng)前webView進(jìn)行截屏的方法

更新時(shí)間：2017年04月30日 11:47:39 投稿：jingxian

下面小編就為大家?guī)?lái)一篇iOS 對(duì)當(dāng)前webView進(jìn)行截屏的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

UIWebView和WKWebView的截屏有所區(qū)別：

UIWebView：

func getImage(context: ServiceExecuteContext) -> UIImage { 
    //創(chuàng)建一個(gè)基于位圖的圖形上下文并指定大小 
    UIGraphicsBeginImageContextWithOptions(context.fromViewController.webView.bounds.size, true, 0) 
    //renderInContext呈現(xiàn)接受者及其子范圍到指定的上下文 
    context.fromViewController.webView.layer.renderInContext(UIGraphicsGetCurrentContext()!) 
    //返回一個(gè)基于當(dāng)前圖形上下文的圖片 
    let image = UIGraphicsGetImageFromCurrentImageContext() 
    //移除棧頂?shù)幕诋?dāng)前位圖的圖形上下文 
    UIGraphicsEndImageContext() 
     
    //let imagRef = CGImageCreateWithImageInRect((image?.CGImage)!, context.fromViewController.webView.bounds) 
    //let newImage = UIImage.init(CGImage: imagRef!) 
    //UIImageWriteToSavedPhotosAlbum(newImage, nil, nil, nil);//保存圖片到照片庫(kù) 
    return image! 
  }

UIGraphicsBeginImageContext（）方法傳入唯一參數(shù)，是一個(gè)CGSize變量，用來(lái)指定圖形context的大小，所以獲取屏幕截圖的時(shí)候這個(gè)size該是屏幕的大小。其實(shí)了解了這個(gè)過(guò)程，就知道這個(gè)方法可以獲取任意區(qū)域的截圖，當(dāng)然是必須當(dāng)前頁(yè)面的一部分。你需要截取哪個(gè)view的圖像，就讓這個(gè)view的layer調(diào)用renderInContext把圖形渲染進(jìn)當(dāng)前圖形context。

WKWebView：

當(dāng)我嘗試去截取WKWebView的圖。截圖的結(jié)果返回給我的就僅僅只是一張背景圖, 顯然截圖失敗。通過(guò)搜索StackOverflow和Google, 我發(fā)現(xiàn)WKWebView并不能簡(jiǎn)單的使用layer.renderInContext的方法去繪制圖形。如果直接調(diào)用layer.renderInContext需要獲取對(duì)應(yīng)的Context, 但是在WKWebView中執(zhí)行UIGraphicsGetCurrentContext()的返回結(jié)果是nil

StackOverflow提供了一種解決思路是使用UIView的drawViewHierarchyInRect方法去截取屏幕視圖。通過(guò)直接調(diào)用WKWebView的drawViewHierarchyInRect方法(afterScreenUpdates參數(shù)必須為true), 可以成功的截取WKWebView的屏幕內(nèi)容

func getImage(context: ServiceExecuteContext) -> UIImage { 
     
    UIGraphicsBeginImageContextWithOptions(context.fromViewController.webView.bounds.size, true, 0) 
    for subView: UIView in context.fromViewController.webView.subviews { 
      subView.drawViewHierarchyInRect(subView.bounds, afterScreenUpdates: true) 
    } 
    //UIApplication.sharedApplication().keyWindow?.layer.renderInContext(UIGraphicsGetCurrentContext()!) 
    let image = UIGraphicsGetImageFromCurrentImageContext() 
    UIGraphicsEndImageContext() 
     
    //let imagRef = CGImageCreateWithImageInRect((image?.CGImage)!, context.fromViewController.webView.bounds) 
    //let newImage = UIImage.init(CGImage: imagRef!) 
     
    return image! 
  }

以上這篇iOS 對(duì)當(dāng)前webView進(jìn)行截屏的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: