我需要将现有的html文档转换为pdf。我使用wicked_pdf执行此任务。但是有很多东西无法正确呈现:
创建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转换尚未准备好进入黄金时段?