DOMPDF background image looks sharp sometimes_问答_开发者

DOMPDF background image looks sharp sometimes

开发者 https://www.devze.com 2023-02-17 08:39 出处：网络

Im using DOMPDF to create a certificate so people can print it. Problem is that the background image sometimes looks sharp. And thats the thing sometimes looks nice , sometimes not and im not sure why

相关专题：dompdf php

My pdf html code is:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
<style>
    @page {
     margin:0;
        padding:0;
    }

    body{
        margin:0;
        padding:0;
        width:841px;
        height:545px;
        font-family:Verdana;
            }
    #lol{
        width:841px;
        height:545px;
        background:url(30-Day-Goals-Certificate.jpg);
    background-repeat: no-repeat; 
    position:relative;
    }
    .eating{
        position: absolute;
        top: 355px;
        left: 425px;
        color: #02436d;
        font-size: 17px;
        font-weight: bold;
        font-family:"proxima";
    }
    .exercise{
        position: absolute;
        top: 387px;
        left: 455px;
        color: #02436d;
        font-size: 17px;
        font-weight: bold;
        font-family:"proxima";
    }
    .name{
        position: absolute;
        top: 220px;
        left: 275px;
        color: #237e2f;
        font-size: 42pt;
        font-weight: bold;
        font-family:"english";
    }
    .month_number{
        position: absolute;
        top: 172px;
        left: 571px;
        color: #02436d;
        font-size: 28pt;
        font-weight: bold;
        font-family:"lucida";
    }   
</style>
</head>
<body>



<body>
<div id="lol">
    <div  class="eating">10</div>
    <div  class="exercise">12</div>
    <div  class="name">Jhon Doe</div>
    <div  class="month_number">#4</div>
</div>  

</body>
</html>

Image can be found at http://weightlosssuccessoholics.com/pdf/30-Day-Goals-Certificate.jpg

And my pdf generator code is :

<?php

require_once("dompdf_config.inc.php");
 ob_start();

require("pdf.php");
$dompdf = new DOMPDF();




$dompdf->load_html(ob_get_clean());
$dompdf->set_paper(array(0,0,629.00,410.00),'portrait');
$dompdf->render();



$dompdf->stream();
?>

Anyone is running into t开发者_运维问答he same problem? Its looks like a ramdom error and i cant figure out the reason. Thanks in advance for all your help

you can up the resolution using the following variable: def("DOMPDF_DPI", 96);

in dompdf_config.inc.php

/**
 * Image DPI setting
 *
 * This setting determines the default DPI setting for images and fonts.  The
 * DPI may be overridden for inline images by explictly setting the
 * image's width & height style attributes (i.e. if the image's native
 * width is 600 pixels and you specify the image's width as 72 points,
 * the image will have a DPI of 600 in the rendered PDF.  The DPI of
 * background images can not be overridden and is controlled entirely
 * via this parameter.
 *
 * For the purposes of DOMPDF, pixels per inch (PPI) = dots per inch (DPI).
 * If a size in html is given as px (or without unit as image size),
 * this tells the corresponding size in pt.
 * This adjusts the relative sizes to be similar to the rendering of the
 * html page in a reference browser.
 *
 * In pdf, always 1 pt = 1/72 inch
 *
 * Rendering resolution of various browsers in px per inch:
 * Windows Firefox and Internet Explorer:
 *   SystemControl->Display properties->FontResolution: Default:96, largefonts:120, custom:?
 * Linux Firefox:
 *   about:config *resolution: Default:96
 *   (xorg screen dimension in mm and Desktop font dpi settings are ignored)
 *
 * Take care about extra font/image zoom factor of browser.
 *
 * In images, <img> size in pixel attribute, img css style, are overriding
 * the real image dimension in px for rendering.
 */