【问题标题】:not able create pdf with image using dompdf无法使用 dompdf 创建带有图像的 pdf
【发布时间】:2013-06-11 23:37:07
【问题描述】:

这就是我希望我的 pdf 的样子。但是当我将此html转换为pdf时,输出是这样的

HTML 代码如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test pdf</title>
</head>

<body>
<table width="100%" height="113" border="2" cellpadding="0" cellspacing="0">
  <tr>
    <td width="150" height="113" rowspan="2"><img src="images/mylogo.jpg" alt=" " height="113" width="150" /></td>
    <td height="93" align="right"><h1>INVOICE</h1></td>
  </tr>
  <tr>
    <td bgcolor="#993366"></td>
  </tr>
</table>

</body>
</html>

我尝试过使用 div 并尝试了各种选项,但最终输出与上述类似。

谁能指出我正确的方向?

【问题讨论】:

  • 也许wkhtmltopdf(使用webkit渲染引擎)是更好的解决方案?

标签: php html dompdf


【解决方案1】:

使用 Mpdf。创建pdf文件非常有用。

http://www.mpdf1.com/mpdf/index.php

【讨论】:

    【解决方案2】:

    行跨度和计算第二行的高度似乎有问题。这似乎是 dompdf 在处理此代码时的错误行为。我向issue tracker 发布了一份报告(如果您有兴趣)。

    您可以在不使用表格的情况下创建相同的布局,从而获得更精确的控制。您是否考虑过以不同的方式创建标题?例如

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>test pdf</title>
      </head>
    
      <body>
        <div style="height: 113px; margin: 0px; padding: 0px; background-color: #993366; border: 2px solid gray">
          <div style="float: left; width: 150px;"><img src="http://placekitten.com/150/113" alt=" " height="113" width="150" /></div>
          <div style="background-color: white; padding: 30px 0px 30px 0px; text-align: right;"><h1 style="margin: 0px;">INVOICE</h1></div>
        </div>
      </body>
    </html>
    

    【讨论】:

    • 我也认为问题是行跨度,但我没有做 td,而是将整个事情作为图像并解决了问题。
    • 这个html的输出也是不想要的。
    • dompdf 的哪个版本? v0.6.0 beta 3 或更高版本应按预期显示。
    • 您的配置文件中是否启用了浮动支持?
    • 是的,我认为我们可能会继续支持最终版本,即使该功能仍在开发中。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-05-24
    • 2014-11-23
    • 1970-01-01
    • 2015-05-18
    • 2017-05-22
    • 2011-12-14
    相关资源
    最近更新 更多