iOS:生成 PDF 时 UIWebView 和 Base64 编码图像的奇怪行为

Question

我已经设法在 UIWebView 中加载以下 HTML 字符串。文本和图像都正确呈现:

<b>Hello <i>World</i>!</b><img src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==\"/>

但是，如果我在我的 UIWebView 上调用 loadHTMLString 后立即尝试从该 HTML 字符串生成 PDF，则 Base64 编码的图像不会显示在 UIWebView 中(也不会显示在 PDF 中)。

完整代码如下:

@IBOutlet weak var webView: UIWebView!

override func viewDidLoad() {

    super.viewDidLoad()

    let htmlString = "<b>Hello <i>World!</i></b><img src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==\"/>"

    // load HTML string into the UIWebView
    // works correctly if the code after this line is commented
    webView.loadHTMLString(htmlString, baseURL: nil)

    /* Generate PDF and save it to file. */

    let fmt = UIMarkupTextPrintFormatter(markupText: htmlString)
    let render = UIPrintPageRenderer()
    render.addPrintFormatter(fmt, startingAtPageAtIndex: 0)

    let page = CGRect(x: 0, y: 0, width: 595.2, height: 841.8)
    render.setValue(NSValue(CGRect: page), forKey: "paperRect")

    let printable = CGRectInset(page, 0, 0)
    render.setValue(NSValue(CGRect: printable), forKey: "printableRect")

    let pdfData = NSMutableData()
    UIGraphicsBeginPDFContextToData(pdfData, CGRectZero, nil)

    for i in 1...render.numberOfPages() {
        UIGraphicsBeginPDFPage();
        let bounds = UIGraphicsGetPDFContextBounds()
        render.drawPageAtIndex(i - 1, inRect: bounds)
    }

    UIGraphicsEndPDFContext();

    let path = "\(NSTemporaryDirectory())file.pdf"
    pdfData.writeToFile(path, atomically: true)
    print("open \(path)")
}

没有警告或错误消息，这是怎么回事？

Answer 1

我为同样的问题苦苦挣扎了好几个小时。 似乎 UIMarkupTextPrintFormatter 没有正确解释 base64 图像或从本地包加载的图像。我可以从 HTML 正确呈现 PDF 的唯一方法是通过 UIWebView:一旦 UIWebView 加载了您的 HTML 字符串，您必须将其 UIViewPrinterFormatter 用作绘制 PDF 的函数的 printerFormatter。

这是我的 UIWebView 的示例:

override func viewDidLoad() {
    super.viewDidLoad()
    pdfRender = PdfRender()
    webView.loadHTMLString(pdfRender.renderPdfCard(wine: wine), baseURL: NSURL(string: pdfRender.pathTemplatePdf!)! as URL)
}

PdfRender 是从带有占位符的 HTML 执行渲染的类(wine 是我的模型对象)。 renderPdfCard 方法以字符串形式返回完整的 HTML。

这里要实现的 UIWebViewDelegate:

func webViewDidFinishLoad(_ webView: UIWebView) {

    if !webView.isLoading{
        pdfRender.exportHTMLContentToPDF(wine: wine, printFormatter: webView.viewPrintFormatter())
    }
}

这里是 PdfRender 类中的一些方法:

func exportHTMLContentToPDF(wine: Wine, printFormatter: UIViewPrintFormatter) {
    let printPageRenderer = CustomPrintPageRenderer()
    printPageRenderer.addPrintFormatter(printFormatter, startingAtPageAt: 0)
    let pdfData = self.drawPDFUsingPrintPageRenderer(printPageRenderer: printPageRenderer)
    let documentsPath = NSSearchPathForDirectoriesInDomains(.documentDirectory, .userDomainMask, true)[0]
    pdfFilename = "\(documentsPath)/test.pdf"
    pdfData?.write(toFile: pdfFilename, atomically: true)

    print(pdfFilename)
}

func drawPDFUsingPrintPageRenderer(printPageRenderer: UIPrintPageRenderer) -> NSData! {
    let data = NSMutableData()
    UIGraphicsBeginPDFContextToData(data, CGRect.zero, nil)
    UIGraphicsBeginPDFPage()
    printPageRenderer.drawPage(at: 0, in: UIGraphicsGetPDFContextBounds())
    UIGraphicsEndPDFContext()
    return data
}

代码已更新至 Swift 3。希望这可能有所帮助!