获取 PDF/PNG 作为 UIWebView 或 UIView 的输出

Question

有没有办法获取 UIWebView 的内容并将其转换为 PDF 或 PNG 文件？例如，我希望通过在 Safari 打印时选择 PDF 按钮来获得与 Mac 上可用的输出类似的输出。我假设这是不可能的/内置的，但希望我会感到惊讶并找到一种将内容从网络视图获取到文件的方法。

谢谢！

Answer 1

下面的代码将 UIWebView 的（完整）内容转换为 UIImage。

渲染 UIImage 后，我将其以 PNG 格式写入磁盘以查看结果。
当然，你可以用 UIImage 做任何你喜欢的事情。

UIImage *image = nil;
CGRect oldFrame = webView.frame;

// Resize the UIWebView, contentSize could be > visible size
[webView sizeToFit];
CGSize fullSize = webView.scrollView.contentSize;

// Render the layer content onto the image  
UIGraphicsBeginImageContext(fullSize);
CGContextRef resizedContext = UIGraphicsGetCurrentContext();
[webView.layer renderInContext:resizedContext];
image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

// Revert the UIWebView back to its old size
webView.frame = oldFrame;

// Write the UIImage to disk as PNG so that we can see the result
NSString *path= [NSHomeDirectory() stringByAppendingPathComponent:@"Documents/Test.png"];
[UIImagePNGRepresentation(image) writeToFile:path atomically:YES];

注意：确保 UIWebView 已完全加载（UIWebViewDelegate 或 loading 属性）。

Answer 2

从 Web 视图创建图像很简单：

UIImage* image = nil;

UIGraphicsBeginImageContext(offscreenWebView_.frame.size);
{
    [offscreenWebView_.layer renderInContext: UIGraphicsGetCurrentContext()];
    image = UIGraphicsGetImageFromCurrentImageContext();
}
UIGraphicsEndImageContext();

获得图像后，您可以将其另存为 PNG。

也可以通过非常类似的方式创建 PDF，但仅限于尚未发布的 iPhone OS 版本。

Answer 3

@mjdth，请尝试使用 fileURLWithPath:isDirectory: 代替。 URLWithString 也不适合我。

@implementation UIView(PDFWritingAdditions)

- (void)renderInPDFFile:(NSString*)path
{
    CGRect mediaBox = self.bounds;
    CGContextRef ctx = CGPDFContextCreateWithURL((CFURLRef)[NSURL fileURLWithPath:path isDirectory:NO], &mediaBox, NULL);

    CGPDFContextBeginPage(ctx, NULL);
    CGContextScaleCTM(ctx, 1, -1);
    CGContextTranslateCTM(ctx, 0, -mediaBox.size.height);
    [self.layer renderInContext:ctx];
    CGPDFContextEndPage(ctx);
    CFRelease(ctx);
}

@end

Answer 4

您可以在 UIView 上使用以下类别来创建 PDF 文件：

#import <QuartzCore/QuartzCore.h>

@implementation UIView(PDFWritingAdditions)

- (void)renderInPDFFile:(NSString*)path
{
    CGRect mediaBox = self.bounds;
    CGContextRef ctx = CGPDFContextCreateWithURL((CFURLRef)[NSURL fileURLWithPath:path], &mediaBox, NULL);

    CGPDFContextBeginPage(ctx, NULL);
    CGContextScaleCTM(ctx, 1, -1);
    CGContextTranslateCTM(ctx, 0, -mediaBox.size.height);
    [self.layer renderInContext:ctx];
    CGPDFContextEndPage(ctx);
    CFRelease(ctx);
}

@end

坏消息：UIWebView 不会在 PDF 中创建漂亮的形状和文本，而是将自身呈现为 PDF 中的图像。