当前位置: 移动技术网 > 移动技术>移动开发>IOS > iOS 对当前webView进行截屏的方法

iOS 对当前webView进行截屏的方法

2019年07月24日  | 移动技术网移动技术  | 我要评论

uiwebview和wkwebview的截屏有所区别:

uiwebview:

func getimage(context: serviceexecutecontext) -> uiimage { 
    //创建一个基于位图的图形上下文并指定大小 
    uigraphicsbeginimagecontextwithoptions(context.fromviewcontroller.webview.bounds.size, true, 0) 
    //renderincontext呈现接受者及其子范围到指定的上下文 
    context.fromviewcontroller.webview.layer.renderincontext(uigraphicsgetcurrentcontext()!) 
    //返回一个基于当前图形上下文的图片 
    let image = uigraphicsgetimagefromcurrentimagecontext() 
    //移除栈顶的基于当前位图的图形上下文 
    uigraphicsendimagecontext() 
     
    //let imagref = cgimagecreatewithimageinrect((image?.cgimage)!, context.fromviewcontroller.webview.bounds) 
    //let newimage = uiimage.init(cgimage: imagref!) 
    //uiimagewritetosavedphotosalbum(newimage, nil, nil, nil);//保存图片到照片库 
    return image! 
  } 

uigraphicsbeginimagecontext()方法传入唯一参数,是一个cgsize变量,用来指定图形context的大小,所以获取屏幕截图的时候这个size该是屏幕的大小。其实了解了这个过程,就知道这个方法可以获取任意区域的截图,当然是必须当前页面的一部分。你需要截取哪个view的图像,就让这个view的layer调用renderincontext把图形渲染进当前图形context。

wkwebview:

当我尝试去截取wkwebview的图。截图的结果返回给我的就仅仅只是一张背景图, 显然截图失败。通过搜索stackoverflow和google, 我发现wkwebview并不能简单的使用layer.renderincontext的方法去绘制图形。如果直接调用layer.renderincontext需要获取对应的context, 但是在wkwebview中执行uigraphicsgetcurrentcontext()的返回结果是nil

stackoverflow提供了一种解决思路是使用uiview的drawviewhierarchyinrect方法去截取屏幕视图。通过直接调用wkwebview的drawviewhierarchyinrect方法(afterscreenupdates参数必须为true), 可以成功的截取wkwebview的屏幕内容

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 对当前webview进行截屏的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持移动技术网。

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网