当 webview 大于屏幕时，将 UIWebview 内容转换为 UIImage

Convert UIWebview contents to a UIImage when the webview is larger than the screen(当 webview 大于屏幕时，将 UIWebview 内容转换为 UIImage)

问题描述

非常类似于 这个问题(还有 this answer)，我正在尝试从 webview 中制作 UIImage.到目前为止，我正在使用答案中建议的代码，特别是:

Very similar to this question (and also this answer), I'm trying to make an UIImage out from a webview. So far I'm using the code suggested in the answer, specifically:

UIGraphicsBeginImageContext(webview.bounds.size);
[webview.layer renderInContext:UIGraphicsGetCurrentContext()];
UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

但是，当 webview 的内容大于屏幕时，生成的图像不完整并且缺少补丁.有关如何解决此问题的任何想法?

However, when the contents of the webview are larger than the screen, the resulting images are not complete and have missing patches. Any ideas on how to fix this?

推荐答案

我得到了答案:

您必须在创建图像之前将 Webview 的框架设置为完整的内容大小.在此之后只需将大小设置回原点:

You have to set the frame of the Webview to the full content size just before you create the image. After this just set the size back to origin:

+ (UIImage *) imageFromWebView:(UIWebView *)view
{
    // tempframe to reset view size after image was created
    CGRect tmpFrame         = view.frame;

    // set new Frame
    CGRect aFrame               = view.frame;
    aFrame.size.height  = [view sizeThatFits:[[UIScreen mainScreen] bounds].size].height;
    view.frame              = aFrame;

    // do image magic
    UIGraphicsBeginImageContext([view sizeThatFits:[[UIScreen mainScreen] bounds].size]);

    CGContextRef resizedContext = UIGraphicsGetCurrentContext();
    [view.layer renderInContext:resizedContext];
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();

    UIGraphicsEndImageContext();

    // reset Frame of view to origin
    view.frame = tmpFrame;
    return image;
}

这篇关于当 webview 大于屏幕时，将 UIWebview 内容转换为 UIImage的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！