Webview保存长图

IOS wkwebview保存长图

方案1：
UIImage* image = nil;
  // 下面方法，第一个参数表示区域大小。第二个参数表示是否是非透明的。如果需要显示半透明效果，需要传NO，否则传YES。第三个参数就是屏幕密度了，调整清晰度。
  UIGraphicsBeginImageContextWithOptions(self.wkWebView.scrollView.contentSize, YES, [UIScreen mainScreen].scale);
  CGPoint savedContentOffset = self.wkWebView.scrollView.contentOffset;
  CGRect savedFrame = self.wkWebView.frame;
  self.wkWebView.scrollView.contentOffset = CGPointZero;
  self.wkWebView.frame = CGRectMake(0, 0, self.wkWebView.scrollView.contentSize.width, self.wkWebView.scrollView.contentSize.height);
  [self.wkWebView.layer renderInContext: UIGraphicsGetCurrentContext()];
  image = UIGraphicsGetImageFromCurrentImageContext();
  self.wkWebView.scrollView.contentOffset = savedContentOffset;
  self.wkWebView.frame = savedFrame;

  UIGraphicsEndImageContext();

  if (image != nil) {
      //保存图片到相册
      UIImageWriteToSavedPhotosAlbum(image, self, @selector(image:didFinishSavingWithError:contextInfo:), NULL);
  }
方案2：
ZYCaptureScreenShotView *captureView = [[ZYCaptureScreenShotView alloc]initWithFormatter:self.wkWebView.viewPrintFormatter andContentSize:self.wkWebView.scrollView.contentSize];
      UIImage *image = [captureView getContentImage];
      if (image != nil) {
          //保存图片到相册
          UIImageWriteToSavedPhotosAlbum(image, self, @selector(image:didFinishSavingWithError:contextInfo:), NULL);
      }
方案3：
CGPoint originalOffset = self.wkWebView.scrollView.contentOffset;
    // 当contentSize.height
    NSInteger pageNum = 1;
    if (self.wkWebView.scrollView.contentSize.height > self.wkWebView.bounds.size.height) {
        pageNum = (NSInteger)(floorf((self.wkWebView.scrollView.contentSize.height / self.wkWebView.bounds.size.height)));
    }
    UIGraphicsBeginImageContextWithOptions(self.wkWebView.scrollView.contentSize, true, 0);
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetFillColorWithColor(context, [UIColor whiteColor].CGColor);
    CGContextSetStrokeColorWithColor(context, [UIColor whiteColor].CGColor);

    [self drawImagePageIndex:0 maxIndex:pageNum complet:^(BOOL complet) {
        if (complet) {
            UIImage *image =UIGraphicsGetImageFromCurrentImageContext();
            UIGraphicsEndImageContext();
            self.wkWebView.scrollView.contentOffset = originalOffset;
            if (image != nil) {
                //保存图片到相册
                UIImageWriteToSavedPhotosAlbum(image, self, @selector(image:didFinishSavingWithError:contextInfo:), NULL);
            }
        }
    }];
- (void)drawImagePageIndex:(NSInteger)index maxIndex:(NSInteger)maxIndex complet:(void (^)(BOOL complet))block
{
    [self.wkWebView.scrollView setContentOffset:CGPointMake(0, (CGFloat)index * self.wkWebView.bounds.size.height) animated:YES];
    CGRect pageFrame = CGRectMake(0, (CGFloat)index * self.wkWebView.bounds.size.height, self.wkWebView.bounds.size.width, self.wkWebView.bounds.size.height);
    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, 0.3 * NSEC_PER_SEC), dispatch_get_main_queue(), ^{
        [self.wkWebView drawViewHierarchyInRect:pageFrame afterScreenUpdates:YES];
        if (index < maxIndex) {
            [self drawImagePageIndex:index + 1 maxIndex:maxIndex complet:block];
        } else {
            block(YES);
        }
    });
}
方案4：
    if (@available(iOS 11.0, *)) {
        WKSnapshotConfiguration *confige = [WKSnapshotConfiguration new];
        confige.rect = CGRectMake(0, 0, self.wkWebView.scrollView.contentSize.width, self.wkWebView.scrollView.contentSize.height);
        confige.snapshotWidth = [NSNumber numberWithFloat:self.wkWebView.scrollView.contentSize.width / [UIScreen mainScreen].scale];
        [self.wkWebView takeSnapshotWithConfiguration:confige completionHandler:^(UIImage *_Nullable snapshotImage, NSError *_Nullable error) {
            if (snapshotImage != nil) {
                //保存图片到相册
                UIImageWriteToSavedPhotosAlbum(snapshotImage, self, @selector(image:didFinishSavingWithError:contextInfo:), NULL);
            }
        }];
    } else {
        // Fallback on earlier versions
    }
    
    - (void)image:(UIImage *)image didFinishSavingWithError:(NSError *)error contextInfo:(void *)contextInfo
{
    if (image) {
        NSString *msg = nil;
        if (error != NULL) {
            msg = @"保存图片失败";
        } else {
            msg = @"保存图片成功，可到相册查看";
        }
        UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"信息提示"
                                                        message:msg
                                                       delegate:self
                                              cancelButtonTitle:@"确定"
                                              otherButtonTitles:nil];
        [alert show];
    }
}

用到的类的代码如下

@interface ZYCaptureScreenShotView : UIPrintPageRenderer
-(instancetype)initWithFormatter:(UIPrintFormatter*)formatter andContentSize:(CGSize)contentSize;
-(UIImage*)getContentImage;
@end
@interface ZYCaptureScreenShotView ()
@property (nonatomic, strong)  UIPrintFormatter *formatter;
@property (nonatomic, assign) CGSize contentSize;
@end
@implementation ZYCaptureScreenShotView

- (instancetype)initWithFormatter:(UIPrintFormatter *)formatter andContentSize:(CGSize)contentSize
{
    if (self = [super init]) {
        self.formatter = formatter;
        self.contentSize = contentSize;
        [self addPrintFormatter:formatter startingAtPageAtIndex:0];
    }
    return self;
}

- (CGRect)paperRect
{
    return CGRectMake(0, 0, self.contentSize.width, self.contentSize.height);
}

- (CGRect)printableRect
{
    return CGRectMake(0, 0, self.contentSize.width, self.contentSize.height);
}

- (CGPDFPageRef)printContentToPDF
{
    NSMutableData *data = [NSMutableData data];
    UIGraphicsBeginPDFContextToData(data, self.paperRect, nil);
    [self prepareForDrawingPages:NSMakeRange(0, 1)];
    CGRect bounds = UIGraphicsGetPDFContextBounds();
    UIGraphicsBeginPDFPage();
    [self drawContentForPageAtIndex:0 inRect:bounds];
    UIGraphicsEndPDFContext();
    CGDataProviderRef provider = CGDataProviderCreateWithCFData(CFBridgingRetain(data));
    CGPDFDocumentRef document = CGPDFDocumentCreateWithProvider(provider);
    return CGPDFDocumentGetPage(document, 1);
}

- (UIImage *)convertPDFPageToImage:(CGPDFPageRef)pdfPage
{
    CGRect pageRect = CGPDFPageGetBoxRect(pdfPage, kCGPDFTrimBox);

    CGSize contentSize = CGSizeMake(floor(pageRect.size.width), floor(pageRect.size.height));

    UIGraphicsBeginImageContextWithOptions(contentSize, true, 2.0);
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetFillColorWithColor(context, [UIColor whiteColor].CGColor);
    CGContextSetStrokeColorWithColor(context, [UIColor whiteColor].CGColor);

    CGContextFillRect(context, pageRect);

    CGContextSaveGState(context);
    CGContextTranslateCTM(context, 0, contentSize.height);
    CGContextScaleCTM(context, 1.0, -1.0);
    CGContextSetInterpolationQuality(context, kCGInterpolationLow);
    CGContextSetRenderingIntent(context, kCGRenderingIntentDefault);
    CGContextDrawPDFPage(context, pdfPage);
    CGContextRestoreGState(context);
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return image;
}

- (UIImage *)getContentImage
{
    UIImage *image;
    if ([self printContentToPDF]) {
        image = [self convertPDFPageToImage:[self printContentToPDF]];
    }
    return image;
}
@end

@interface WKWebView (ZYToFile)
- (UIImage *)imageRepresentation;
- (NSData *)PDFData;
@end
#import <QuartzCore/QuartzCore.h>

@implementation WKWebView (ZYToFile)

- (UIImage *)imageRepresentation{
    CGFloat scale = [UIScreen mainScreen].scale;
    
    CGSize boundsSize = self.bounds.size;
    CGFloat boundsWidth = boundsSize.width;
    CGFloat boundsHeight = boundsSize.height;
    
    CGSize contentSize = self.scrollView.contentSize;
    CGFloat contentHeight = contentSize.height;
    
    CGPoint offset = self.scrollView.contentOffset;
    
    [self.scrollView setContentOffset:CGPointMake(0, 0)];
    
    NSMutableArray *images = [NSMutableArray array];
    while (contentHeight > 0) {
        UIGraphicsBeginImageContextWithOptions(boundsSize, NO, 0.0);
        [self.layer renderInContext:UIGraphicsGetCurrentContext()];
        UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
        UIGraphicsEndImageContext();
        [images addObject:image];
        
        CGFloat offsetY = self.scrollView.contentOffset.y;
        [self.scrollView setContentOffset:CGPointMake(0, offsetY + boundsHeight)];
        contentHeight -= boundsHeight;
    }
    
    [self.scrollView setContentOffset:offset];
    
    CGSize imageSize = CGSizeMake(contentSize.width * scale,
                                  contentSize.height * scale);
    UIGraphicsBeginImageContext(imageSize);
    [images enumerateObjectsUsingBlock:^(UIImage *image, NSUInteger idx, BOOL *stop) {
        [image drawInRect:CGRectMake(0,
                                     scale * boundsHeight * idx,
                                     scale * boundsWidth,
                                     scale * boundsHeight)];
    }];
    UIImage *fullImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return fullImage;
}

- (NSData *)PDFData{
    UIViewPrintFormatter *fmt = [self viewPrintFormatter];
    UIPrintPageRenderer *render = [[UIPrintPageRenderer alloc] init];
    [render addPrintFormatter:fmt startingAtPageAtIndex:0];
    CGRect page;
    page.origin.x=0;
    page.origin.y=0;
    page.size.width=600;
    page.size.height=768;
    
    CGRect printable=CGRectInset( page, 50, 50 );
    [render setValue:[NSValue valueWithCGRect:page] forKey:@"paperRect"];
    [render setValue:[NSValue valueWithCGRect:printable] forKey:@"printableRect"];
    
    NSMutableData * pdfData = [NSMutableData data];
    UIGraphicsBeginPDFContextToData( pdfData, CGRectZero, nil );
    
    for (NSInteger i=0; i < [render numberOfPages]; i++)
    {
        UIGraphicsBeginPDFPage();
        CGRect bounds = UIGraphicsGetPDFContextBounds();
        [render drawPageAtIndex:i inRect:bounds];
        
    }
    UIGraphicsEndPDFContext();
    return pdfData;
}
@end

总结

经过多次测试，只有方案4最靠谱，能截到完整的长图。前三个都有问题，以上方案大部分来自互联网。

©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 217,185评论 6赞 503
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 92,652评论 3赞 393
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 163,524评论 0赞 353
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 58,339评论 1赞 293
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 67,387评论 6赞 391
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 51,287评论 1赞 301
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 40,130评论 3赞 418
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 38,985评论 0赞 275
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 45,420评论 1赞 313
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,617评论 3赞 334
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,779评论 1赞 348
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 35,477评论 5赞 345
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 41,088评论 3赞 328
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,716评论 0赞 22
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,857评论 1赞 269
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 47,876评论 2赞 370
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 44,700评论 2赞 354

推荐阅读更多精彩内容

  • 面试题
    Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,100评论 1赞 32
  • 倒计时
    秀萝卜阅读 168评论 0赞 0
  • 平行时空|鸾凤飞花（陆小凤x花满楼）
    1 “陆小凤，你若是要进来，走正门便是，每次翻窗进来，却是为何？”花满楼笑着说道。 他在斟茶，慢条斯理，拿起茶盏，...
    大钱小胖阅读 3,879评论 75赞 43
  • 七绝《藏头为目》
    风舞长裙飘逸仙， 流光溢彩正当年。 人逢圣世当勤勉， 物尽天泽赏月圆。
    云逸1108阅读 166评论 0赞 0
  • 忏悔祈求
    在家过年这几日已经有多次顶撞父母。无法让他们安心甚至不生气。 看着父母老去，心里更有愧疚。 愿父母身体健康。
    改革啊改革阅读 306评论 0赞 1