Chrome"保存为PDF"边距背景颜色?

时间:2017-03-14 19:14:07

标签: css css3 google-chrome pdf pdf-generation

在Google Chrome中打印到PDF("保存为PDF"虚拟打印机)时,可以选择以英寸//厘米为每页设置页边距。但是,默认情况下它们始终为白色。有没有办法将颜色更改为蓝色,或使用背景图像?

我尝试过的事情:

  1. 确保打印所有背景图片:

    @media print and (color) {
      * {
        -webkit-print-color-adjust: exact; 
        print-color-adjust: exact;
      }
    }
    
  2. 尝试为@page属性设置bg-color:

    @page {
       size: 7in 10in;
       margin: 1in;
    }
    
  3. 尝试为页面上的每个元素设置bg颜色:html,body,#content。
  4. This article显示了一个示例,如何使用脚注影响边距区域:

    @page:right{ 
      @bottom-left {
        margin: 10pt 0 30pt 0;
        border-top: .25pt solid #666;
        content: "My book";
        font-size: 9pt;
        color: #333;
      }
    }
    

    但它对我没用。

    此外,我还尝试检查chrome内置PDF预览器并找到了一个字符串:

    <embed id="plugin" type="application/x-google-chrome-pdf" src="chrome://print/190/0/print.pdf" stream-url="chrome://print/190/0/print.pdf" headers="" background-color="0xFF525659" top-toolbar-height="0" top-level-url="undefined">
    

    然而,修改background-color虽然它已经加载和渲染,但有点棘手。我不确定,如果它影响了PDF或只是预览:

    Chrome PDF viewer dev tools state

    还有其他选择吗?这个功能对我来说非常关键,所以我已准备好进行内存热修补,甚至至少在需要时从源代码重建Chromium。

    目标平台:赢取10 x64

1 个答案:

答案 0 :(得分:0)

没有直接的方法,但是您可以伪造它:

转到格式>页面。

将页边距设置为0cm。忽略打印​​机警告。 在标签区域中将背景设置为您喜欢的颜色。 转到选项卡边框,然后以相同的颜色定义边框。在该标签上,使用“目录间距”设置伪造边距。