如何在DOMPDF生成器上显示背景图像

Question

到目前为止，我一直在尝试使用此代码：

<style>
    body {
        background-image: url(http://example.com/wp-content/uploads/2016/04/myImage.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
    }
</style>

然而，这不会在生成的PDF上呈现图像。

身体中以这种方式格式化的普通图像标签可以正常工作并显示：

<img src="/home/example/public_html/wp-content/uploads/2016/04/myImage.jpg">

有人知道为什么吗？我该怎么做才能让背景图像真实地显示在生成的PDF上？

更新：

我现在尝试base64_encode（）链接的所有可能性..意思是我通过了，

/home/example/public_HTML/我怕-content/uploads/2016/04/没有image.jpg

http://example.com/wp-content/uploads/2016/04/myImage.jpg

/我怕-content/uploads/2016/04/没有image.jpg

这些^组合通过base64_encode（）函数，并且它们都没有用于显示背景图像。

Answer 1

A more flexible solution

这样您就不必知道生成PDF的目录的相对性。

..include setup.dompdf.php in your generator script

<?php 

    $webRoot = '/var/www/html/';

    $dompdf = new Dompdf($this->dompdf_options);
    $dompdf->setBasePath($webRoot);

?>

然后，您可以从生成pdf的任何脚本中引用相对于Web根目录的css中的任何文件。

<style>
    body {
        background-image: url(wp-content/uploads/2016/04/myImage.jpg);
    }
</style>

Answer 2

我已经明白了。我没有意识到的是，放在一起的html位于我的wordpress主题文件夹的文件夹中，所以为了访问我需要的图像，我需要根据html文件的位置返回几个目录。在我的文件结构中。我试图从媒体库访问附加到帖子的图像。

解决方案很简单：

background-image: url(../../uploads/2016/04/myImage.jpg);

Answer 3

我知道这个问题很老，但总有其他答案的余地。

您可以尝试使用base64。这是代码：

获取图片内容。

$data = file_get_contents('absolute/path/to/background-image.jpg');

将其转换为base64。

$base64 = 'data:image/' . $type . ';base64,' . base64_encode($data);

在CSS中使用它是这样的。

body { background-image: url(<?php echo $base64 ?>); }

但请记住，背景大小的属性不能正常工作，至少就我所尝试的而言。