在pdf页面中设置边距和字体大小,并在pdf页面中删除url和datetime

时间:2019-03-18 18:00:55

标签: javascript asp.net

在将我的aspx页面导出为pdf时,在页面的右上角,我得到了页面的url,在页面的右下角,它显示了{{1} }。如何将其从pdf页面中删除?

我必须减少pdf页面的左右边距,还要更改字体大小?有可能吗?

datetime

js代码

<div id="printIt">
            // data grid 
        </div>
        <asp:Button ID="btn_print" runat="server" ClientIDMode="Static" Text="Print" OnClientClick="printPage();" />

如何将该打印功能修改为:

 function printPage() {
        var headstr = "<html><head><title></title></head><body>";
        var footstr = "</body>";
        var newstr = document.getElementById("printIt").innerHTML;
        var oldstr = document.body.innerHTML;
        document.body.innerHTML = newstr;
        window.print();
        document.body.innerHTML = oldstr;
    }

2 个答案:

答案 0 :(得分:2)

尝试使用CSS属性

样式:

@media print {
  body {
    font-size: 14px;
    font-family: 'Times New Roman'
  }
 }

定位

@page {
  margin: 0cm 2cm 0cm 2cm;
}

答案 1 :(得分:1)

如果用于打印,则可以使用paper.css

https://github.com/cognitom/paper-css

示例

https://github.com/cognitom/paper-css/blob/master/examples/a4-landscape.html

所有可用的页面大小CSS可用

  • A5,A5景观
  • A4,A4景观
  • A3,A3景观
  • 字母,字母风景
  • 法律,法律景观

谢谢。