WKHTMLTOPDF升级后的布局问题

Question

我以前看上去很棒的所有布局现在都搞砸了，在升级WKHTMLTOPDF之后，呈现的字体似乎不同了，字体也变小了。全宽度的div也比以前呈现得更小。

我尝试过在dpi: 300中修改dpi标志，当设置为dpi时，我看到了一个小的差异，但是这种差异似乎并没有解决这个问题，无论对dpi的更改。有什么线索吗？可以肯定的是，问题在于对WKHTMLTOPDF所做的更改。

我们将这些版本锁定了一段时间，因为呈现的PDF看起来很棒：

• wicked_pdf (1.1.0)
• wkhtmltopdf-binary (0.9.9.3) (使用NimbusSansL Bold &正则字体呈现)

我们有一个新特性，要求更好地处理长表中的分页操作。分页符现在已经升级了，但是现在我们有了更多的问题，下面是新版本：

• wicked_pdf (1.2.2)
• wkhtmltopdf-binary (0.12.4) (现在呈现字体、DejaVuSans、Bold和正则)

渲染代码：

  respond_to do |format|
    format.html
    format.pdf do
      render pdf: 'report',
             template: 'download_report.pdf.erb',
             show_as_html: params[:debug].present?,
             layout: 'report_application.pdf',
             margin: {
                 top: 5,
                 bottom: 5,
                 left: 5,
                 right: 5
             }
    end
  end

Answer 1

添加zoom选项似乎解决了我的大部分布局问题。受影响的div具有并要求定义像素宽度。我通过调整一个div的大小来确定缩放的大小。将新宽度除以旧宽度以获得缩放：

  respond_to do |format|
    format.html
    format.pdf do
      render pdf: 'report',
             zoom: 1.27,
             template: 'download_report.pdf.erb',
             show_as_html: params[:debug].present?,
             layout: 'report_application.pdf',
             margin: {
                 top: 5,
                 bottom: 5,
                 left: 5,
                 right: 5
             }
    end
  end