6

我想创建一个样式正确的 HTML 的 PDF 文档。这就是我正在尝试的：

QTextDocument *doc = new QTextDocument();
const char* s1 = "<html><head><style>body { font-family: sans-serif;}.note-atomic { background: rgb(242,242,242); width: 1000px; margin: 5px auto; border: 1px solid grey; border-radius: 8px;padding: 5px;}</style></head><body><div class = 'note-atomic'>Hi</div><img src = '/Users/attitude/Desktop/RnSghvV.png' width='400' height='300' /></body></html>";
doc->setHtml(QString::fromStdString(s1));

QPrinter *printer = new QPrinter();
printer->setOutputFileName("/Users/attitude/Desktop/fool.pdf");
printer->setOutputFormat(QPrinter::PdfFormat);

QPainter *painter = new QPainter();
painter->begin( printer );
doc->drawContents(painter, printer->pageRect().translated( -printer->pageRect().x(), -    printer->pageRect().y() ));
doc->print(printer);

const char* s2 = "<html><body><div>Bye</div></body></html>";
doc->setHtml(QString::fromStdString(s2));

printer->newPage();
doc->drawContents(painter, printer->pageRect().translated( -printer->pageRect().x(), - printer->pageRect().y() ));

doc->print(printer);
painter->end();

我希望 PDF 有 2 页 - 第一个带有文本Hi，下一个和最后一个带有文本Bye。第一个页面的样式类似于它出现在具有相同标记的 HTML 页面中：

在此处输入图像描述

但是，PDF 的第一页内容完全混乱：

在此处输入图像描述

我如何使它看起来像预期的那样？

我在 HTML 文档中尝试的图像：http: //imgur.com/RnSghvV

平台 - Qt 5.3.1，32 位。OS X 优胜美地。

4

2 回答 2

5

这是QTextDocument. 它呈现富文本（它不是 HTML + CSS）。

您可以在http://doc.qt.io/qt-5/richtext-html-subset.html上查看可用的属性和元素（例如border，por没有 css 属性div）。

如果您将 html 代码放入QTextEdit.

对于呈现 HTML，您可以使用QWebView( http://doc.qt.io/qt-5/qwebframe.html#print )

webview->mainFrame()->print(printer);

于 2016-02-06T23:35:36.340 回答
2

QTextDocument不是网络浏览器。它不会为您获取联网 URL。您需要向您的( is-a !) 添加一个QVariant QTextDocument::loadResource(int type, const QUrl & name)方法，并使该对象成为该对象的子对象。文档实例将调用您的实现，您可以在其中利用进行获取。QObjectQWidgetQObjectQTextDocumentloadResourceQNetworkAccessManager

为了让用户友好，您不能阻止网络请求。这是通过进行两次处理来完成的。首先简单地记下要加载的 URL 并启动它们的获取，返回一个空的QVariant. 一旦所有网络请求都成功完成并将它们存储在缓存中，您可以重新运行相同的代码，它将正确呈现页面并且不会阻止网络访问。

所有这些都必须异步完成。

于 2016-02-02T14:09:25.817 回答