背景图像未显示在dompdf laravel中_Laravel_Background Image

背景图像未显示在dompdf laravel中

laravel

背景图像未显示在dompdf laravel中,laravel,background-image,Laravel,Background Image,controller.php use PDF; use Dompdf\Adapter\CPDF; use Dompdf\Exception; use Dompdf\Dompdf; use Dompdf\Options; public function pdf() { $pdf = PDF::loadView('Donor.certificate'); return $pdf->download('certificate.pdf');

controller.php

use PDF;
use Dompdf\Adapter\CPDF;

use Dompdf\Exception;
use Dompdf\Dompdf;
use Dompdf\Options;

   public function pdf()
    { 

        $pdf = PDF::loadView('Donor.certificate');
        return  $pdf->download('certificate.pdf');

    }

blade.php

<html>
    <head>
        <meta http-equiv="Content-Type" content="charset=utf-8" />
        <meta charset="UTF-8">
        <title>PDF Upn</title>
        <style type="text/css">
        * {
        font-family: "DejaVu Sans";
        font-size: 8px;
        }
        .upn {
        background-image:url('../img/certificate_template.png');
        background-repeat:no-repeat;
        width:100%;
        height:100vh;
        background-size: cover;
        }
        </style>
    </head>
    <body>
        <div class="upn">
            <h1>test</h1>
            <img src="../img/logo.png" alt="">
        </div>
    </body>
</html>

问题是，背景图像没有显示在pdf中，但测试词已编写…如果我在潜水中使用标记img，则其工作正常…我想显示背景图像，并想在该图像上编码，但它没有显示我缺少的内容，任何人都可以查看此代码。

对于模板png，请指定图像的位置

 <html>
        <head>
            <meta http-equiv="Content-Type" content="charset=utf-8" />
            <meta charset="UTF-8">
            <title>PDF Upn</title>
            <style type="text/css">
            * {
            font-family: "DejaVu Sans";
            font-size: 8px;
            }
            .upn {
            background-image:url('/img/certificate_template.png');
            background-repeat:no-repeat;
            width:100%;
            height:100vh;
            background-size: cover;
            }
            </style>
        </head>
        <body>
            <div class="upn">
                <h1>test</h1>
                <img src="{{url('/')}}/img/logo.png" alt="">
            </div>
        </body>
    </html>


PDF Upn
* {
字体系列：“DejaVu Sans”；
字号：8px；
}
万国邮联{
背景图片：url（'/img/certificate_template.png'）；
背景重复：无重复；
宽度：100%；
高度：100vh；
背景尺寸：封面；
}
测试

为模板png指定图像的位置

 <html>
        <head>
            <meta http-equiv="Content-Type" content="charset=utf-8" />
            <meta charset="UTF-8">
            <title>PDF Upn</title>
            <style type="text/css">
            * {
            font-family: "DejaVu Sans";
            font-size: 8px;
            }
            .upn {
            background-image:url('/img/certificate_template.png');
            background-repeat:no-repeat;
            width:100%;
            height:100vh;
            background-size: cover;
            }
            </style>
        </head>
        <body>
            <div class="upn">
                <h1>test</h1>
                <img src="{{url('/')}}/img/logo.png" alt="">
            </div>
        </body>
    </html>


PDF Upn
* {
字体系列：“DejaVu Sans”；
字号：8px；
}
万国邮联{
背景图片：url（'/img/certificate_template.png'）；
背景重复：无重复；
宽度：100%；
高度：100vh；
背景尺寸：封面；
}
测试

您是否正确检查了图像路径？请。尝试使用此背景图像更改路径：url（'../../../img/certificate_template.png'）；现在图像显示为pdf格式，但DOMPDF背景图像显示的大小不正确？为什么？您是否正确检查了图像路径？请。尝试使用此背景图像更改路径：url（'../../../img/certificate_template.png'）；现在图像显示为pdf格式，但DOMPDF背景图像显示的大小不正确？为什么？现在对我来说很好，谢谢…我在背景图片url中也使用了{{url（'/'）}}…然后它工作很好…但是现在它引发了一个问题…DOMPF背景图片显示的大小不正确？为什么？在img src中设置width=”“height=”“我在背景图像而不是图像src中遇到问题，所以如何管理该大小以在pdf中正确显示…但在文档视图中它的视图是正确的。现在对我来说工作正常，谢谢…我还使用了{{url（'/'）}在背景图像url中……然后它工作正常……但现在它提出了一个问题……DOMPDF背景图像显示不正确的大小？为什么？在img src中设置width=”“height=”“我在背景图像而不是图像src中面临问题，因此如何管理该大小以在pdf中正确显示…但在文档视图中其视图是正确的。