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

Question

与这个问题非常相似（还有这个答案），我正在尝试从网络视图中制作 UIImage 。到目前为止，我正在使用答案中建议的代码，具体来说：

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

但是，当 webview 的内容大于屏幕时，生成的图像不完整并且缺少补丁。关于如何解决这个问题有什么想法吗？

Answer 1

我得到了答案：

您必须在创建图像之前将 Webview 的框架设置为完整内容大小。之后，只需将尺寸设置回原点：

+ (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;
}

Answer 2

DR的回答很好。唯一缺少的是考虑屏幕的比例。我在我的 Swift 版本中更正了它，它对我来说工作得很好。

extension UIWebView{
func snapshotForCompletePage() -> UIImage {
    // tempframe to reset view size after image was created
    let tmpFrame: CGRect = self.frame
    // set full size Frame
    var fullSizeFrame: CGRect = self.frame
    fullSizeFrame.size.height = self.scrollView.contentSize.height
    self.frame = fullSizeFrame

    // here the image magic begins
    UIGraphicsBeginImageContextWithOptions(fullSizeFrame.size, false, UIScreen.mainScreen().scale)
    let resizedContext: CGContextRef = UIGraphicsGetCurrentContext()!
    self.layer.renderInContext(resizedContext)
    let image: UIImage = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    // reset Frame of view to origin
    self.frame = tmpFrame
    return image
      }
    }

Answer 3

@Jibeex 的答案对我有用。但我必须

    fullSizeFrame.size.width = self.scrollView.contentSize.width

在下面

    fullSizeFrame.size.height = self.scrollView.contentSize.height

添加以下代码才能使其完全正常工作。写为答案是因为我没有足够的声誉来发表评论。

Answer 4

我认为这会有所帮助

UIGraphicsBeginImageContext([webView sizeThatFits:[[UIScreen mainScreen] bounds].size]]);

Answer 5

如果有人正在努力如何在 Xamarin 中执行此操作，根据 @DR 答案，以下是代码：

var image = new UIImage();

var previousFrame = _tableView.Frame;
var newFrame = new CGRect(new CGPoint(0, 0), _tableView.ContentSize);
View.Frame = newFrame;

UIGraphics.BeginImageContextWithOptions(_tableView.ContentSize, false, UIScreen.MainScreen.Scale);
var context = UIGraphics.GetCurrentContext();
View.Layer.RenderInContext(context);
image = UIGraphics.GetImageFromCurrentImageContext();

UIGraphics.EndImageContext();

View.Frame = previousFrame;


return image;