使用Php / JavaScript / Html / CSS创建可打印的内容

Question

我在一家护理中心工作，这家护理中心希望在他们的网站上有一个功能，朋友和家人可以从一系列护理卡中选择一个可以送给他们认识的人。他们将能够选择标题，图像并在我们组装和交付的卡片上输入一些文字。他们需要我为他们制作一个应用程序，以打印机友好的方式组装卡片（在正确的区域放置文本和图像），他们将在交付前打印和折叠。

我想要创建的图片：http://i.imgur.com/f8GnD.png

阅读如何做到这一点我意识到我有两个问题：

• 由于打印机DPI
，无法修复屏幕上的卡尺寸
• 我应该使用html / CSS创建一个包含4个单元格的表来创建此卡吗？ Php图像库？的JavaScript？

任何帮助都会很棒。

Answer 1

有些第三方实用程序会根据您的HTML在服务器上生成PDF。 PDF已经在内部解决了许多与打印相关的问题，因此您不必自己担心这些问题。

Answer 2

在打印方面，我有最好的运气，PDF格式。文档格式也很好，因为它是可移植的，用户可以选择在他们访问您网站的地方以外的地方打印。

我用于PHP的最佳PDF生成库是fPDF：http://www.fpdf.org/

PDF非常适合打印整页文档。除了最古老的操作系统之外，所有操作系统都为用户提供了打开和打印PDF的能力，而且由于PDF是一种文档格式，因此打印输出在系统和打印机之间相当一致。

您建议的其他路线当然是可行的 - 您可以使用HTML和CSS构建它。然而，这有严重的缺点。最重要的是，每个用户将在其浏览器中具有不同的打印机设置，并且默认情况下未配置浏览器以使您的整页打印更好。大多数用户代理都会添加页码，页边距，日期和时间。时间，URL ....简而言之，您从浏览器打印的内容将依赖于用户修改其浏览器打印设置。您无法从最终影响这些设置。