Bootstrap面板标题背景颜色半着色domPDF

Question

就像标题所说，下面是遇到的问题。

在浏览器上查看：

使用 domPDF 转换为pdf后，背景颜色看起来很难看：

工作环境

• DomPDF：0.7.x@beta
• Bootstrap Framework：Bootstrap v3.3.5

相关代码：

// instantiated Dompdf obj
$dompdf = new Dompdf();
// model method for data populating
$data = $this->populateStatus( 31 );
// call the view together with data
$page = $this->load->view('model/controller', $data, true );
$dompdf->loadHtml( $page );
// (Optional) Setup the paper size and orientation
$dompdf->setPaper('A4', 'landscape');
// Render the HTML as PDF
$dompdf->render();
// Output the generated PDF to Browser
$dompdf->stream();

使用外部css包含样式表，该背景的html只是一个简单的面板：

<div class="panel panel-default">
    <div class="panel-heading page">
       Text Here
    </div>
</div>

这有什么解决方法吗？如果您有任何想要更多输入或任何相关代码示例，请告诉我。感谢。

Answer 1

如果左下角没有应用半径，则在使用边框半径时dompdf（最多0.7.0）存在错误。在这种情况下，dompdf没有正确完成掩模定义，导致交替侧短切回到原点。

要解决此问题，您可以在左下角应用1px的小边框半径。

对于Bootstrap面板，您只需将以下CSS添加到样式表中即可：

.panel-heading { border-bottom-left-radius: 1px; }