js pdf文件 如何调用打印机打印_pdf.js —— 在线预览下载打印pdf文件插件，实现的两种方式...

在使用 JavaScript 和 pdf.js 打印 PDF 文件时，有两种方法可以实现：

1. 使用浏览器自带的打印功能

这种方法比较简单，只需要在 JavaScript 代码中调用 `window.print()` 方法即可。具体实现代码如下：

// 加载 PDF 文件
PDFJS.getDocument(url).then(function (pdf) {
  // 获取第一页
  pdf.getPage(1).then(function (page) {
    // 获取 canvas 元素
    var canvas = document.getElementById('pdf-canvas');
    var context = canvas.getContext('2d');

    // 获取 viewport
    var viewport = page.getViewport(1);

    // 设置 canvas 的宽高
    canvas.width = viewport.width;
    canvas.height = viewport.height;

    // 渲染 PDF 到 canvas 上
    page.render({
      canvasContext: context,
      viewport: viewport
    }).promise.then(function () {
      // 渲染完成后调用浏览器自带的打印功能
      window.print();
    });
  });
});

2. 使用第三方打印插件

这种方法需要使用第三方打印插件，比如 Print.js。使用这种方法可以实现更加定制化和高级的打印功能，比如设置打印页眉页脚、设置打印样式等。具体实现代码如下：

// 加载 PDF 文件
PDFJS.getDocument(url).then(function (pdf) {
  // 获取第一页
  pdf.getPage(1).then(function (page) {
    // 获取 canvas 元素
    var canvas = document.getElementById('pdf-canvas');
    var context = canvas.getContext('2d');

    // 获取 viewport
    var viewport = page.getViewport(1);

    // 设置 canvas 的宽高
    canvas.width = viewport.width;
    canvas.height = viewport.height;

    // 渲染 PDF 到 canvas 上
    page.render({
      canvasContext: context,
      viewport: viewport
    }).promise.then(function () {
      // 使用 Print.js 进行打印
      printJS({
        printable: canvas.toDataURL(),
        type: 'image',
        header: 'My custom header',
        footer: 'My custom footer',
        style: '@page { margin: 0mm; }'
      });
    });
  });
});

以上两种方法都可以实现在浏览器中打印 PDF 文件的功能，具体使用哪种方法取决于你的需求。