我现在想包括一些图像.使用我当前的PDF生成策略将其NSURL添加到HTML中不起作用.如何获取与添加图像的HTML对应的NSData?以下是我尝试过的一些事情:
> This answer建议将base64图像嵌入到HTML中并使用UIPrintInteractionController
.这确实给了我一个具有正确嵌入图像的打印预览,但是如何从那里转到对应于PDF输出的NSData?
>我看过一些类似的建议,通过UIWebView,但那些导致相同的问题 – 我不想向用户展示预览.
解决方法
UIMarkupTextPrintFormatter
似乎不支持html img标签.苹果的文档在这里不是很有说明力,只是说初始化参数是“打印格式化程序的HTML标记文本”.没有迹象显示打印格式化程序支持哪些标签.
经过多次测试,我可以画出的唯一结论是UIMarkupTextPrintFormatter
不支持显示图像.
那么呢,那些让那些想要从HTML内容创建PDF的方便的人呢?
所以我发现这个工作的唯一方法是使用一个隐藏的网页视图,你加载你的HTML内容,然后使用网页视图的UIViewPrintFormatter
.这样做,但真的感觉像一个黑客.
它会工作,它会将图像嵌入到您的PDF文档中,但是如果是我,我会倾向于使用CoreText和Quartz 2D,因为您将对pdf生成过程有更多的控制权,表示我明白这可能是过度的,我不知道您的html内容的大小或复杂性.
所以一个工作的例子…
建立
定义一个基本url是有用的,以便我可以传递我想要使用的图像的文件名.基本URL映射到图像所在的应用程序包中的目录.您也可以定义自己的位置.
Bundle.main.resourceURL + "www/"
然后我创建了一个处理文档相关功能的协议.默认实现由扩展名提供,您可以在下面的代码中看到.
protocol DocumentOperations { // Takes your image tags and the base url and generates a html string func generateHTMLString(imageTags: [String],baseURL: String) -> String // Uses UIViewPrintFormatter to generate pdf and returns pdf location func createPDF(html: String,formmatter: UIViewPrintFormatter,filename: String) -> String // Wraps your image filename in a HTML img tag func imageTags(filenames: [String]) -> [String] } extension DocumentOperations { func imageTags(filenames: [String]) -> [String] { let tags = filenames.map { "<img src=\"\($0)\">" } return tags } func generateHTMLString(imageTags: [String],baseURL: String) -> String { // Example: just using the first element in the array var string = "<!DOCTYPE html><head><base href=\"\(baseURL)\"></head>\n<html>\n<body>\n" string = string + "\t<h2>PDF Document With Image</h2>\n" string = string + "\t\(imageTags[0])\n" string = string + "</body>\n</html>\n" return string } func createPDF(html: String,filename: String) -> String { // From: https://gist.github.com/nyg/b8cd742250826cb1471f print("createPDF: \(html)") // 2. Assign print formatter to UIPrintPageRenderer let render = UIPrintPageRenderer() render.addPrintFormatter(formmatter,startingAtPageAt: 0) // 3. Assign paperRect and printableRect let page = CGRect(x: 0,y: 0,width: 595.2,height: 841.8) // A4,72 dpi let printable = page.insetBy(dx: 0,dy: 0) render.setValue(NSValue(cgRect: page),forKey: "paperRect") render.setValue(NSValue(cgRect: printable),forKey: "printableRect") // 4. Create PDF context and draw let pdfData = NSMutableData() UIGraphicsBeginPDFContextToData(pdfData,CGRect.zero,nil) for i in 1...render.numberOfPages { UIGraphicsBeginPDFPage(); let bounds = UIGraphicsGetPDFContextBounds() render.drawPage(at: i - 1,in: bounds) } UIGraphicsEndPDFContext(); // 5. Save PDF file let path = "\(NSTemporaryDirectory())\(filename).pdf" pdfData.write(toFile: path,atomically: true) print("open \(path)") return path } }
然后我有一个视图控制器采用这个协议.执行此工作的关键在于此,您的视图控制器需要采用UIWebViewDelegate和
func webViewDidFinishLoad(_ webView:UIWebView)可以看到pdf被创建.
class ViewController: UIViewController,DocumentOperations { @IBOutlet private var webView: UIWebView! override func viewDidLoad() { super.viewDidLoad() // Do any additional setup after loading the view,typically from a nib. } override func viewWillAppear(_ animated: Bool) { super.viewWillAppear(animated) webView.delegate = self webView.alpha = 0 if let html = prepareHTML() { print("html document:\(html)") webView.loadHTMLString(html,baseURL: nil) } } override func viewDidAppear(_ animated: Bool) { super.viewWillAppear(animated) } override func didReceiveMemoryWarning() { super.didReceiveMemoryWarning() // Dispose of any resources that can be recreated. } fileprivate func prepareHTML() -> String? { // Create Your Image tags here let tags = imageTags(filenames: ["PJH_144.png"]) var html: String? // html if let url = Bundle.main.resourceURL { // Images are stored in the app bundle under the 'www' directory html = generateHTMLString(imageTags: tags,baseURL: url.absoluteString + "www/") } return html } } extension ViewController: UIWebViewDelegate { func webViewDidFinishLoad(_ webView: UIWebView) { if let content = prepareHTML() { let path = createPDF(html: content,formmatter: webView.viewPrintFormatter(),filename: "MyPDFDocument") print("PDF location: \(path)") } } }