升級WKHTMLTOPDF后的布局問題

Question

我之前看起來很棒的所有布局現在搞砸了，升級WKHTMLTOPDF之后似乎是用不同的小字體WKHTMLTOPDF 。 全寬div也比以前渲染得更小。

我已經嘗試修改邪惡的dpi標志，我看到一個小的差異，當設置為dpi: 300 ，但差異似乎沒有解決問題，無論dpi的變化。 有人有任何提示嗎？ 很確定問題是對WKHTMLTOPDF所做的WKHTMLTOPDF 。

我們將這些版本鎖定了一段時間，因為渲染的PDF看起來很棒：

• wicked_pdf (1.1.0)
• wkhtmltopdf-binary (0.9.9.3) （使用字體NimbusSansL Bold＆Regular渲染）

我們有一個新功能，需要更好地處理長表中的分頁符。 現在我們已經升級了分頁符號，但現在我們有更多問題，這里是新版本：

• wicked_pdf (1.2.2)
• wkhtmltopdf-binary (0.12.4) （現在使用字體渲染，DejaVuSans，Bold＆Regular）

渲染代碼：

  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