使用DOMPDF库转换HTML为PDF时图片无法显示的问题求助

我看到你用Dompdf转换HTML到PDF时遇到了图片不显示的问题，结合你的代码和场景，这里有几个关键的解决方案：

1. 修复Dompdf配置传递错误（最关键） #

你的代码中创建了Options对象并启用了isRemoteEnabled，但没有将这个配置传递给Dompdf的构造函数，导致远程图片加载的配置并未生效。默认情况下Dompdf是禁用远程资源加载的，所以你的服务器URL图片无法被加载。

修正后的PHP代码：

<?php
use Dompdf\Options;
use Dompdf\Dompdf;

// 引入自动加载文件
require_once "./dompdf/autoload.inc.php";

// 配置选项
$options = new Options();
$options->set('isRemoteEnabled', true);
// 如果是本地图片，还可以设置chroot限制文件访问路径（可选）
// $options->set('chroot', $_SERVER['DOCUMENT_ROOT']);

// 实例化Dompdf时传入配置
$dompdf = new Dompdf($options);

// 加载HTML内容
$page = file_get_contents("certificate.html");
// 注意：你的HTML中有'.$fname.'这类PHP变量，直接用file_get_contents读取不会解析变量，需要替换后再传入
// 比如：$page = str_replace([''.$fname.'', ''.$lname.'', ''.$date.''], [$fname, $lname, $date], $page);

$dompdf->loadHtml($page);

// 设置纸张尺寸和方向
$dompdf->setPaper('A4', 'landscape');

// 渲染PDF
$dompdf->render();

// 输出PDF到浏览器
$dompdf->stream("training-certificate", array("Attachments"=>0));
?>

2. 确保远程图片可被Dompdf访问 #

即使启用了isRemoteEnabled，如果你的服务器URL有访问限制（比如防盗链、登录验证、内部IP限制），Dompdf可能无法获取到图片资源：

• 在服务器上用curl命令测试图片URL的可访问性，比如：

  curl -L https://vip-organon-us-hcp-com-develop.go-vip.net/nexplanontraining/wp-content/uploads/sites/2/2022/03/org_logo.png -o test.png
  

  如果无法下载图片，说明服务器拒绝了请求，你需要调整服务器的访问策略，或者手动下载图片到本地后使用本地路径。

3. 本地图片的正确路径用法 #

如果使用本地图片，需要使用绝对路径，或者配置Dompdf的chroot参数限制文件访问范围：

• 示例本地图片路径：

  <img src="<?php echo $_SERVER['DOCUMENT_ROOT'] . '/path/to/your/image.png'; ?>" alt="Logo">
  

  或者在Dompdf配置中设置chroot后，使用相对路径（相对于chroot目录）。

4. 其他排查点 #

• Dompdf版本：确保你使用的是最新版Dompdf，旧版本对远程资源和CSS的支持可能存在bug。
• CSS兼容性：Dompdf对CSS的支持有限，比如float属性可能导致排版异常，你可以尝试将float:right替换为display:inline-block并调整布局，或者简化CSS样式。
• 图片格式：确保图片是Dompdf支持的格式（JPG、PNG、GIF），且文件没有损坏。

另外，你提到TCPDF对CSS支持有限，Dompdf在CSS支持上确实更友好，但需要注意它的CSS兼容性范围，可以参考官方文档了解支持的CSS特性。

内容的提问来源于stack exchange，提问作者Gopal