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


Creating printable content with Php/JavaScript/Html/CSS

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

我想创建的图像:https://i.stack.imgur.com/Ddj4L.png

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

  • 由于打印机DPI的原因,屏幕上卡片的大小无法固定
  • 我应该使用html/CSS制作一个4单元格的表来创建这张卡吗?Php图像库?JavaScript ?

在打印方面,我的运气最好,用的是pdf。文档格式也很好,因为它是可移植的,用户可以选择在访问站点之外的其他地方打印。

我用过的最好的PHP pdf生成库是fPDF: http://www.fpdf.org/

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

您建议的另一种方法当然是可能的——您可以使用HTML和CSS来构建它。然而,这种方法也有严重的缺点。最重要的是,每个用户在浏览器中都有不同的打印机设置,而浏览器的默认配置不适合整页打印。大多数用户代理会添加页码、页边距、日期等。时间,URL....简而言之,浏览器中的打印将依赖于用户对其浏览器打印设置的修改。

有第三方实用程序可以根据您的HTML在服务器上生成pdf。pdf已经在内部解决了许多与打印相关的问题,所以你不必自己担心。