先看效果
1 什么时候会用到这个?
分享,目前笔者能想到的只有分享,因为要用呀😁。
2 为什么要写这个?
UIWebView的截图功能还是很容易实现的,可是WKWebView的截图,嗯,一片灰色。。。
在笔者逛了Stack Overflow,里面并没有很好的方法,于是,只能自己动手了,so,可能方法并不是很好,但是足矣解决问题,有时间再研究。
3 开工
- 3.1 说说UIKit的截图(其实是绘图)
3.1.1 创建一个基于位图的上下文(context),并将其设置为当前上下文
(1)UIGraphicsBeginImageContext(CGSize size)
(2)UIGraphicsBeginImageContextWithOptions(CGSize size, BOOL opaque, CGFloat scale)
区别:
UIGraphicsBeginImageContext
参数size为新创建的位图上下文的大小。该函数的功能同UIGraphicsBeginImageContextWithOptions的功能相同,相当与UIGraphicsBeginImageContextWithOptions的opaque参数为NO,scale因子为1.0。
UIGraphicsBeginImageContextWithOptions
参数size——同UIGraphicsBeginImageContext
参数opaque—透明开关,如果图形完全不用透明,设置为YES以优化位图的存储。
参数scale—–缩放因子
3.1.2获取上下文
UIGraphicsGetCurrentContext()
UIGraphicsGetCurrentContext 来取得上下文,这个上下文表示当前的view的size大小
3.1.3绘制
- (void)renderInContext:(CGContextRef)cox;
参数就是获取的上下文,指明绘制的地方
3.1.4完成
UIGraphicsGetImageFromCurrentImageContext()
得到绘制好的上下文
- 3.2 无(忘了要写啥了)
4 UIWebView的截图
网上的很多方法就是循环遍历子视图,然后组合起来,个人觉得不够简单,我不会承认用网上的方法我失败了才出此下策的。
在UIWebView加载完成的代理方法里面
-(void)webViewDidFinishLoad:(UIWebView \*)webView
{
[self saveImageToPhotos: [self screenShotWithScrollView:webView.scrollView]];
webView.delegate = nil;
[webView removeFromSuperview];
webView = nil;
}
封装截图方法
- (UIImage *)screenShotWithScrollView:(UIScrollView *)scrollView
{
UIImage* image;
UIGraphicsBeginImageContextWithOptions(scrollView.contentSize, NO, [UIScreen mainScreen].scale);
{
CGPoint savedContentOffset = scrollView.contentOffset;
CGRect savedFrame = scrollView.frame;
scrollView.contentOffset = CGPointZero;
scrollView.frame = CGRectMake(0, 0, scrollView.contentSize.width, scrollView.contentSize.height);
[scrollView.layer renderInContext: UIGraphicsGetCurrentContext()];
image = UIGraphicsGetImageFromCurrentImageContext();
scrollView.contentOffset = savedContentOffset;
scrollView.frame = savedFrame;
}
UIGraphicsEndImageContext();
if (image != nil)
{
return image;
}
return nil;
}
5 WKWebView的截图
同上,嗯,是的,就是用UIWebView请求一遍再截取UIWebView的图就行,在截完图释放就好,看了一下运存,暂时没问题
注:在UIWebView请求完数据的代理方法里面再截图
注:在UIWebView请求完数据的代理方法里面再截图
注:在UIWebView请求完数据的代理方法里面再截图
完结:如有更好的方法请多多指教
20161117日更新-----------------------
封装了截图方法,一句话代码截图
/**
截屏
@param url 截屏的url
@param successBlock 截屏成功的回调
@param failureBlock 截屏失败的回调
*/
-(void)capturePicShareWitchUrl:(NSString*)url
success:(CapSuccessBlock) successBlock
failure:(CapFailureBlock) failureBlock;
惯例文末放Demo:https://github.com/yongliangP/WebViewCaptureDemo
码字不容易,路过请喜欢