-->

规模HTML比例,从而精确匹配到PDF A4尺寸(Scale HTML proportionally

2019-08-01 09:26发布

我使用PHP,MySQL和jQuery的。 我有一个网页将被转换成高分辨率的A4尺寸PDF: http://optisolbusiness.com/funeral_site/sample/index/id/255 。

我已经转换使用HTML到PDF wkhtmltopdf ,它的伟大工程。

这里是生成的PDF http://optisolbusiness.com/Guru/Gurupdf/optisol.pdf 。 但是,HTML是不完全拟合PDF大小; 有大约在PDF的HTML空间。 如何扩展HTML以适合A4 PDF文件大小100%? 重要的是HTML(即)文本大小内的内容,图像宽度和高度,背景图像也成比例地缩放。

Answer 1:

你的背景图片是不完全的高分辨率,这不会在打印很好看。

我不知道wkhtmltopdf本身,而是你的身体已经设定(英寸)绝对尺寸。 这可能是问题。 你的身体有一个最大尺寸,内容拥有绝对尺寸过(由于给背景图像像素大小)。

这不是HTML到印刷transformaions一个很好的起点,和PDF基本上是打印。

做什么(中间)

  • 移除身体任何大小限制
  • wkhtml ......有一个叫开关zoom1.5应该是一个适当的值来填充页面
  • 使用页A4大小

做什么(“正确”的方式)

  • 请从车身尺寸的限制
  • 建设背景边框(黑色的)与HTML元素和CSS样式
    • 从定义为那些“宽度”规则避免。 您只需要定义一个“宽度”一次,所有其他的宽度应设置为“自动”。
    • 高度将证明麻烦,因为div的只是他们的内容需要高。 但是,设置高度:100%不尊重边界和利润的大小。
  • 那黄色的交叉能够在CSS设计过,或者更高的分辨率PNG / JPEG
  • 仅使用“真实”的尺寸。 这意味着使用的像素,使用点,英寸或毫米。 您可以使用%的值,但要确保这些都是(这意味着在某些时候父元素有一个真正的尺寸)实际尺寸的%的值


Answer 2:

我会说,你总是会很难得到这是完美的。 在我看来,你就要去写PDF直接而不是依靠第三方工具更好。

考虑寻找到FPDF ,一个开源的PHP PDF写作库。 被警告,该网站看起来过时,但功能精美的作品。



Answer 3:

您可以将身体的大小设置为页面..在A4的情况下,大小为210x297mm。

顺便说一句:你应该只使用百分比宽度,否则wkhtmltopdf将不得不尝试和转换。

因此,请确保您使用width: 100%; 如果你想让它填补所有的房间。 ;)

顺便说一句:如果你想真正的高品质的PDF文件,您将需要创建它们符合至少PDF / X-3标准 。 我不认为wkhtmltopdf这是否寿。



文章来源: Scale HTML proportionally to fit exactly to PDF A4 size