Edição em 4/7/19. A implementação https://github.com/spipu/html2pdf, de fato, praticamente ignora a propriedade background-size
, e esse não é o primeiro problema deles com CSS. Você pode contribuir no projeto, melhorando-o ou apenas informando o problema, ou pode apenas ajustar as dimensões da imagem manualmente de modo que fique satisfatória no PDF. Ou, além disso, pode seguir a sugestão abaixo.
Existem várias implementações de html2pdf. Eu sugiro a você o wkhtmltopdf. Ele é bastante poderoso para reproduzir HTML's não triviais em PDF, por usar o motor do Qt WebKit.
Por exemplo, você não expos o que tem na sua classe CSS imagem (class="imagem"
), mas para preencher uma <div>
com uma imagem, com as dimensões, seria algo mais ou menos assim (testado no Chrome, Firefox e Safari):
#com_imagem_de_fundo {
height: 256px;
width: 512px;
background-image: url(https://ichef.bbci.co.uk/news/660/cpsprodpb/0288/production/_105284600_44935b21-9f20-4727-a2c0-84bef85a4548.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
<div id="com_imagem_de_fundo"></div>
Assumindo que os trechos acima estão dispostos adequadamente num arquivo pagina.html, gere o pagina.pdf pela linha de comando:
$ wkhtmltopdf pagina.html pagina.pdf
Ou, no PHP, usando o phpwkhtmltopdf:
<?php
require __DIR__.'/vendor/autoload.php';
use mikehaertl\wkhtmlto\Pdf;
$pdf = new Pdf('pagina.html');
if (!$pdf->saveAs('pagina.pdf')) {
$erro = $pdf->getError();
// ... lide com o erro
}
?>
Rode composer require mikehaertl/phpwkhtmltopdf
no diretório de pagina.html, para testar. Observo que o comando wkhtmltopdf
deve estar já funcionando no sistema (phpwkhtmltopdf é um pequeno wrapper).
background
está escrito de forma incorreta -backgroud-repeat: no-repeat;
. O seu código está assim também?