Я использую DOMPDF для создания сертификата, чтобы люди могли его распечатать. Проблема в том, что фоновое изображение иногда выглядит резким. И это то, что иногда выглядит красиво, иногда нет, и я не знаю, почему.
Мой HTML-код в формате PDF:
<!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>
Изображение можно найти по адресу http://weightlosssuccessoholics.com/pdf/30-Day-Goals-Certificate.jpg
И мой код генератора PDF:
<?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();
?>
Кто-нибудь сталкивается с той же проблемой? Это похоже на ошибку ramdom, и я не могу понять причину. Заранее спасибо за вашу помощь