如果我使用 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

尝试应用容器 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)
来源:
| 归档时间: |
|
| 查看次数: |
9146 次 |
| 最近记录: |