将HTML / CSS传单导出为图像或pdf进行打印

Question

我正在为狗步行者创建一个基于网络的传单设计师来定制传单以进行打印。这是非常基本的，并使用jQuery将DIV的内容/文本更改为他们想要的传单......

我的问题是如何让他们打印传单。理想情况下，他们希望每A4页选择2到4个传单。或者以pdf或图像的形式导出到打印机。我已经考虑将html / css导出为PDF或图像，但似乎无法找到适合这种情况的任何内容。

感谢任何帮助。

由于

Answer 1

Webkit HTML to PDF \ Image应该完全符合您的要求：

http://code.google.com/p/wkhtmltopdf/

Answer 2

我建议在主样式表中使用print媒体类型：

@media print
{
  /* style sheet for print goes here */
}

或者，在它自己的样式表中分离打印样式：

<link href="foo.css" media="print" rel="stylesheet" type="text/css" />

这允许您定义使用浏览器的“打印”对话框（文件 - >打印...）时显示的自定义样式。这样，您的最终用户可以打印到他们的打印机，打印到PDF（或Microsoft XPS文档编写器），或者他们想要打印到的任何其他内容，而不依赖于从过去的经验来看的第三方库转换CSS样式时的怪癖和不准确性。

Answer 3

您有很多选项...这里只有一个，以防您想要将您的网页导出为PDF而不需要太多工作：

Recommendation? for our specific HTML -> PDF project

Answer 4

只是为了获得更多选择，还有phantomJS，它也使用webkit渲染引擎。 QtPDF是它在幕后使用的pdf引擎

http://phantomjs.org/

这假设您有一台可以执行命令行脚本的服务器。我最近在一个项目中使用过它，它非常适合转换HTML-＆gt; PNG。没有亲自测试PDF功能。