wicked_pdf(使用wkhtmltopdf)无法正确呈现

时间:2017-03-14 20:28:47

标签: html css ruby-on-rails pdf

我需要将现有的html文档转换为pdf。我使用wicked_pdf执行此任务。但是有很多东西无法正确呈现:

  1. 断字
  2. 图像上的圆形边框
  3. 目前我并不在乎的其他内容
  4. 断字

    创建pdf时,所有启用了连字符的段落都会在没有它的情况下呈现。 CSS看起来像这样:

    p {
      margin-top            : 0;
    
      -webkit-hyphens       : auto;
      -moz-hyphens          : auto;
      -ms-hyphens           : auto;
      -o-hyphens            : auto;
      hyphens               : auto;
    
      hyphenate-limit-chars : auto 5;
      hyphenate-limit-lines : 2;
    
      widows: 3;
      orphans: 3;
    }
    

    圆形边框和图像

    我有一个圆角的容器。在该容器顶部的内部是显示的图像,该图像也应该具有圆角。不幸的是,图像渲染时没有圆角。它与容器边界重叠,看起来很丑陋。

    此容器的HAML:

    .profile-picture-container
      = cl_image_tag @presenter.profile_picture, class: 'profile-picture'
      .profile-picture-body
        %p
          = @presenter.user_fullname
    

    和相应的CSS:

    .profile-picture-container {
      float                      : right;
      margin-left                : 5mm;
      margin-right               : -15mm;
      border                     : 1px solid lightgray;
      border-bottom-left-radius  : 0.25rem;
      border-bottom-right-radius : 0.25rem;
      overflow                   : hidden;
    }
    .profile-picture-container, .profile-picture {
      width : 50mm;
    }
    .profile-picture {
      // -1px stolen from bootstrap’s definitions
      border-top-left-radius  : calc(0.25rem - 1px);
      border-top-right-radius : calc(0.25rem - 1px);
    }
    .profile-picture-body {
      padding : 3mm 5mm;
    }
    

    其他东西无法正常工作

    标题会忽略其page-break-after: avoid;设置。

    仅仅是我还是html到pdf转换尚未准备好进入黄金时段?

0 个答案:

没有答案