文档章节

使用UIWebView截取整个网页

久伴旧伴
 久伴旧伴
发布于 2017/07/11 19:12
字数 346
阅读 1
收藏 0

从业务需要说起,需要把整个webview里面渲染的页面 截图存成一张图片。上传服务器。

首先页面要加载完成。应该在webViewDidFinishLoad 进行截图的操作。

 

方法如下:

 

    //1.开启位图上下文.

    UIGraphicsBeginImageContextWithOptions(self.webView.bounds.size,NO,0);

   

    //2.把控制器webView的内容绘制到上下文当中.layer是不能够直接绘制的.要用渲染的方法才能够让它绘制到上下文当中.

   

    CGContextRef ctx =UIGraphicsGetCurrentContext();

   

    [self.view.layer renderInContext:ctx];

   

    //3.生成一张图片

   

    UIImage *newImage =UIGraphicsGetImageFromCurrentImageContext();

   

    //4.关闭上下文

   

    UIGraphicsEndImageContext();

   

    //5.1图片转成二进制流存入data

   

    NSData*data =UIImagePNGRepresentation(newImage);

   

    [data writeToFile:@"/Users/yx/Desktop/newImage.png"atomically:YES];

   

    //5.2图片存入NSDocument

    NSArray *paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory,NSUserDomainMask, YES);

   

    NSString *filePath = [[paths objectAtIndex:0] stringByAppendingPathComponent:[NSString stringWithFormat:@"newImage.png"]]; 

 

【这样操作有一个问题,上下文开启的时候有一个参数size。如果只是手机屏幕的大小,那么webview里面 只能截取一屏的内容。】

 

为了截全貌,只需要把它全部展示出来,即把UIWebView.size变成UIWebView.scrollview.contentSize,完成截图操作后,见【代码1】

再把UIWebView.scrollview.contentOffset设置为(0,0)、把UIWebView.size还原 保证可以正常的滑动。见【代码2】

 

【代码1】:

    //把webview的frame改变成内容的大小 

   

    self.webView.frame = CGRectMake(0, 0, kScreenWidth, self.webView.scrollView.contentSize.height);

 

【代码2】:

    //把webview的frame还原 并改变它的contentOffset为(0, 0)

 

    self.webView.frame = CGRectMake(0, 0, kScreenWidth, kScreenHeight);

    

    _webView.scrollView.contentOffset = CGPointMake(0, 0);

© 著作权归作者所有

共有 人打赏支持
久伴旧伴
粉丝 4
博文 19
码字总数 6522
作品 0
沧州
程序员
iOS之路21-JS与OC交互

一: OC执行JS代码 1.webView加载请求, request, 控制器成为webView的代理, 监听网页加载完毕会调用代理方法 / 网页加载完毕 / - (void)webViewDidFinishLoad:(UIWebView *)webView { } 2.让页...

Eric-osc
2016/02/28
63
0
iOS与JavaScript交互总结

最近由于公司业务需要,需要在移动端调用JS去解析大众点评网页,同时抓取评论相关内容。对iOS与JS交互进行了研究,总结一下。 技术点总结: 首先,OC与JS的交互需要用到UIWebView来实现。 技...

秦无炎
2016/09/28
9
0
疯狂ios讲义之网页控件(UIWebView)

通过使用UIWebView控件,可以实现一个内置的浏览器(类似于Safari),而且可以直接将这个浏览器内嵌到应用的任意位置,因此非常方便。 UIWebView直接继承了UIView基类,一般不可以与用户交互...

博文视点
2014/01/26
1K
0
iOS UIWebView 使用大全

一、UIWebView的基础使用 以上是IOS中UIWebView的基础使用要点详解,接下来一些UIWebView的常用注意点。 二、IOS中UIWebView常用注意点: 1、与UIWebView进行交互,调用web页面中的需要传参的...

朝雨晚风
2016/08/15
0
0
ios开发,javascript直接调用oc代码而非通过改变url回调方式

之前一个ios项目中,需要通过UIWebview来打开一个静态页面,并在静态页面中 调用相关object-c代码。 一、以前使用js调用object-c的方法 关于如何使用javascript调用object-c中的函数和方法,...

北方人在上海
2016/04/21
24
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

OSChina 周三乱弹 —— 公司女同事约我

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @莱布妮子:分享水木年华的单曲《蝴蝶花(2002年大提琴版)》 《蝴蝶花(2002年大提琴版)》- 水木年华 手机党少年们想听歌,请使劲儿戳(这里) ...

小小编辑
3分钟前
0
3
Linux环境搭建 | VMware下共享文件夹的实现

在进行程序开发的过程中,我们经常要在主机与虚拟机之间传递文件,比如说,源代码位于虚拟机,而在主机下阅读或修改源代码,这里就需要使用到 「共享文件」 这个机制了。本文介绍了两种共享文...

良许Linux
今天
5
0
JUC锁框架——AQS源码分析

JUC锁介绍 Java的并发框架JUC(java.util.concurrent)中锁是最重要的一个工具。因为锁,才能实现正确的并发访问。而AbstractQueuedSynchronizer(AQS)是一个用来构建锁和同步器的框架,使用A...

长头发-dawn
今天
3
0
docker中安装了RabbitMQ后无法访问其Web管理页面

在官网找了"$ docker run -d --hostname my-rabbit --name some-rabbit -p 8080:15672 rabbitmq:3-management"这条安装命令,在docker上安装了RabbitMQ,,结果输入http://localhost:8080并不......

钟然千落
今天
4
1
spring-cloud | 分布式session共享

写在前面的话 各位小伙伴,你们有福了,这一节不仅教大家怎么实现分布式session的问题,还用kotlin开发,喜欢kotlin的小伙伴是不是很开心! 以前在写Android的时候,就对客户端请求有一定的认...

冯文议
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部