如何打印完全填满 A4 或其他格式的图像?

Bac*_*k57 4 html css image

如果我使用 Chrome 或 Firefox 打印图像,我会遇到一些问题。我还没有找到如何摆脱肖像或风景中的白色边框。遗憾的是,这个stackoverflow 解决方案似乎对我不起作用。

目前我使用这个代码:

    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 ."\">";
Run Code Online (Sandbox Code Playgroud)

我得到的结果与将它从 windows 文件夹拖放到 Internet 导航器中的结果相同,如下例所示:

铬设置为: - 风景 - 颜色 - A4 - Marges none

漏洞

ble*_*her 8

尝试应用容器 css :

@page {
  size: A4;
  margin: 0;
}
@media print {
  html, body {
    width: 210mm;
    height: 297mm;
  }
}
Run Code Online (Sandbox Code Playgroud)

然后,而不是使用img标签使用背景图片 + 大小封面

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

来源: