WKWebView生成PDF

一、简介

在使用 WKWebView 将网页内容保存为 PDF 文件时,您可以设置打印页面的大小和可打印区域,以确保生成的 PDF 文件符合您的需求。在 WKWebView 中,您可以使用 UIPrintPageRenderer 类的 paperRect 和 printableRect 属性来设置页面的大小和可打印区域。

二、示例代码

下面是一个示例代码,演示如何使用 WKWebView、UIPrintPageRenderer、paperRect 和 printableRect 来保存网页内容为 PDF 文件,并设置页面大小和可打印区域:

复制代码
import UIKit
import WebKit

class ViewController: UIViewController, WKNavigationDelegate {

    var webView: WKWebView!

    override func viewDidLoad() {
        super.viewDidLoad()

        // 创建 WKWebView
        webView = WKWebView(frame: view.bounds)
        webView.navigationDelegate = self
        view.addSubview(webView)

        // 加载网页
        if let url = URL(string: "https://www.example.com") {
            let request = URLRequest(url: url)
            webView.load(request)
        }
    }

    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        // 网页加载完成后保存为 PDF
        webView.createPDF { pdfData in
            guard let pdfData = pdfData else {
                print("Failed to create PDF data")
                return
            }

            // 保存 PDF 数据到本地文件
            let documentsPath = FileManager.default.urls(for: .documentDirectory, in: .userDomainMask)[0]
            let pdfPath = documentsPath.appendingPathComponent("webContent.pdf")

            do {
                try pdfData.write(to: pdfPath)
                print("PDF file saved at: \(pdfPath)")
            } catch {
                print("Error saving PDF file: \(error.localizedDescription)")
            }
        }
    }
}

extension WKWebView {
    func createPDF(completion: @escaping (Data?) -> Void) {
        let printPageRenderer = UIPrintPageRenderer()
        printPageRenderer.addPrintFormatter(self.viewPrintFormatter(), startingAtPageAt: 0)

        let paperRect = CGRect(x: 0, y: 0, width: 595.2, height: 841.8) // A4 paper size in points
        let printableRect = paperRect.insetBy(dx: 0, dy: 0)

        printPageRenderer.setValue(NSValue(cgRect: paperRect), forKey: "paperRect")
        printPageRenderer.setValue(NSValue(cgRect: printableRect), forKey: "printableRect")

        let pdfData = printPageRenderer.generatePDF()
        completion(pdfData)
    }
}

extension UIPrintPageRenderer {
    func generatePDF() -> Data {
        let pdfData = NSMutableData()
        UIGraphicsBeginPDFContextToData(pdfData, self.paperRect, nil)

        self.prepare(forDrawingPages: NSMakeRange(0, self.numberOfPages))

        let bounds = UIGraphicsGetPDFContextBounds()
        for i in 0..<self.numberOfPages {
            UIGraphicsBeginPDFPage()
            self.drawPage(at: i, in: bounds)
        }

        UIGraphicsEndPDFContext()
        return pdfData as Data
    }
}

在上面的代码中,我们扩展了 WKWebView 类,并添加了 createPDF 方法来保存网页内容为 PDF 文件。在 createPDF 方法中,我们创建了一个 UIPrintPageRenderer 实例,并设置了页面的大小和可打印区域。最后,我们使用 generatePDF 方法生成 PDF 数据并返回。

使用 WKWebView、UIPrintPageRenderer、paperRect 和 printableRect 在 iOS 中保存网页内容为自定义大小和可打印区域的 PDF 文件。

相关推荐
青柠之夏cc7 小时前
Kotlin Multiplatform:一次编写,全平台运行,2026 年跨平台开发的 “最优解”?
macos·objective-c·cocoa
web打印社区1 天前
C-Lodop 提示未准备好或 WebSocket 没准备好:先让本机服务起来
javascript·网络·websocket·网络协议·pdf·html
qq_369173631 天前
一句话将 Word、PPT、PDF 发布成链接
人工智能·pdf·word·powerpoint·效率工具·ai 办公
黑科技iOS上架1 天前
iOS framework/dylib动态库定向加固实战
macos·ios·objective-c·cocoa·审核·ios混淆·执行程序差异化
泡海椒2 天前
数据占比展示:jquick-pdf饼图动态数据渲染PDF教程
数据库·oracle·pdf
Dovis(誓平步青云)2 天前
多个链接不等于多份证据,新闻核验看板怎样合并来源
java·服务器·前端·javascript·人工智能·pdf·电脑
web打印社区2 天前
Windows 网页静默打印设置步骤:客户端、防火墙与联调清单
开发语言·前端·javascript·chrome·pdf·ecmascript
开开心心就好2 天前
图片白底怎么去掉?抠图工具抠完背景透明
java·服务器·开发语言·pdf·ocr·散列表·启发式算法
web打印社区2 天前
JS 静默打印怎么做:纯前端为什么不行,以及最小可跑通写法
开发语言·前端·javascript·websocket·网络协议·http·pdf
web打印社区2 天前
HTML5 静默打印:前端页面怎么调用打印机且尽量不弹窗
前端·javascript·vue.js·pdf·html·html5