我现在想包括一些图像.使用我当前的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)")
}
}
}