如何打印完全填充A4或其他格式的圖像？

如果我使用Chrome或Firefox打印圖像，我遇到一個小問題。我還沒有找到如何擺脫縱向或橫向的白色邊框。這stackoverflow-solution似乎不適合我悲傷。如何打印完全填充A4或其他格式的圖像？

目前我使用此代碼：

echo "<body onload=\"window.print()\" onfocus=\"window.close()\">"; 

    echo "<style type=\"text/css\" media=\"print\">"; 
    echo "@page { size: auto; }"; 
    echo "</style>"; 

    echo "<img src=\"". $dirname . '/' . $photo ."\">";

我得到相同的結果，將它從Windows文件夾拖放到因特網瀏覽器這樣爲例：

瀏覽器設置爲： - 景觀 - 顏色 - A4 - Marges沒有

bug

來源

2015-06-23 BackTrack57

*該計算器的解決方案似乎並不適用於我黯然* - 所謂質疑您鏈接到說，這是不可能的。 – BSMP

@BSMP我明白這隻對IE而言不可能。 – BackTrack57

嘗試應用容器CSS：

@page { 
    size: A4; 
    margin: 0; 
} 
@media print { 
    html, body { 
    width: 210mm; 
    height: 297mm; 
    } 
}

然後代替使用IMG標籤使用背景圖像+大小蓋

body { 
    background-image: url(images/background.svg); 
    background-size: cover;      /* <------ */ 
    background-repeat: no-repeat; 
    background-position: center center;   /* optionally, center the image */ 
}

來源：

來源

2015-06-23 20:19:47 bleuscyther

偉大的偉大的答案，這是非常好的工作！非常感謝！ – BackTrack57

不客氣 – bleuscyther

您的圖片文件可能比紙張尺寸不同的尺寸，所以除非你想拉伸圖像以填充頁面，或者使用類似background-size: cover;總是會有一個餘量

來源

2015-06-23 20:18:37

圖像尺寸大於A4。無論如何，Bleuscyther找到了解決方案，尋求幫助！ – BackTrack57

如何打印完全填充A4或其他格式的圖像？

回答

相關問題