生成一个完整的DIN A4背景图像的PDF

我有一个图像是2480x3508px - 在Photoshop中它也说595.pt和841.9pt或21cm * 29,7cm。生成一个完整的DIN A4背景图像的PDF

当我插入这个形象在我具有以下尺寸的模板背景图像，并生成一个PDF我得到怪异的结果：

<style type="text/css"> 

    @page { 
     margin: 0mm; 
     size: 21cm 29.7cm; 
    } 

    body { 
     font-family: 'Helvetica Neue', Arial, sans-serif; 
     background-image: url('voucher_AF_A4.jpg'); 
     background-repeat: no-repeat;

结果如下：http://d.pr/i/ZzN2 - 这是不是图片我有。你知道为什么图像比DINA4大得多，即使图像具有相同的尺寸？

我该如何解决这个问题？

谢谢！

来源

2016-12-01 Torben

你能还发布模板代码？ – Alessio

只需添加：

background-size: cover;

来源

2016-12-01 09:25:48

之后我使用DomPDF生成PDF，这似乎有一些问题。 – Torben

如果您确定，图像比例有效，您也可以这样做： background-size：100％100％; –

您是否尝试过的东西，如：

@page { 
    margin: 0mn; 
    size: 21cm 29.7cm; 
} 

body { 
    font-family: 'Helvetica Neue', Arial, sans-serif; 
    background-image: url('voucher_AF_A4.jpg'); 
    background-repeat: no-repeat; 
    background-position: top left; 
    background-size: 100%; 
    width:100%; 
    height:100%; 
    }

来源

2016-12-01 13:31:58 Alessio

生成一个完整的DIN A4背景图像的PDF

回答

相关问题