如何打印pdf.js文件？

Question

我用pdf.js生成了一個文檔，它顯示正確。 我沒有打印按鈕。 如何添加按鈕以允許用戶打印？ 我在使用Chrome。

Answer 1

嘗試使用javascript-function window.print(); ，打開打印對話框。

你必須在你的html中添加一個按鈕，它會觸發命令 - 這在pdf中是不可能的。

因此，您需要一個iFrame，並使用以下內容：

function printIt() {
    var wnd = window.open('http://your-pdf-url');
    wnd.print();
}

<input type="button" value="Print" onclick=printIt()>

window.print()不起作用，因為它還會打印周圍的html。

編輯：

從我的評論中，我現在知道，您想要打印canvas元素的內容 - 這更容易。

您不需要iframe，可以將按鈕放在同一頁面上，並使用window.print(); 。

為了只打印canvas元素，並隱藏周圍環境（如按鈕），你可以像這樣使用css-Syntax：

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

@media print指定css-code，如果它被打印，它只適用於網頁。 如果您現在將類.no-print為除canvas-element之外的所有內容，則只打印您的pdf。

你也可以使用這個css代碼，如果它更容易：

@media print
{    
    *
    {
        display: none;
    }
    canvas 
    {
        display: inline;
    }
}

Answer 2

如果你想盡可能地保持所有內容並使jquery混亂，你可以嘗試以下方法：

<a href="#PATH_TO_PDF.pdf" target="_blank"  onclick="window.print()"> print PDF </a>

Answer 3

我一直在尋找解決方案這么久，然后我登陸這個JS插件：

http://printjs.crabbly.com/

它就像一個魅力！