javascript - 如何打印pdf.js文件？

Question

我已经用 pdf.js 生成了一个文档，它显示正确。我没有打印按钮。如何添加允许用户打印的按钮？我使用的是 Chrome。

Answer 1

尝试使用 javascript 函数 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 元素之外的所有内容，则只会打印您的 pdf。

如果更简单的话，您也可以使用这个 css 代码:

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