生成一個完整的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

回答

相關問題