首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

ng2-pdfjs-viewer打印功能打印整个html页面,而不是在查看器中打印嵌入的pdf文档。

ng2-pdfjs-viewer是一个Angular组件,用于在Angular应用中显示和操作PDF文档。它基于PDF.js库,提供了丰富的功能和灵活的配置选项。

要实现ng2-pdfjs-viewer的打印功能,可以通过以下步骤进行操作:

  1. 首先,确保已经正确安装和配置了ng2-pdfjs-viewer组件。可以参考官方文档或GitHub仓库中的说明进行安装和配置。
  2. 在需要打印的HTML页面中,引入ng2-pdfjs-viewer组件,并在组件中添加一个按钮或其他触发打印的元素。
  3. 在组件的代码中,使用Angular的事件绑定机制,将打印功能与按钮或触发元素进行关联。可以使用ng2-pdfjs-viewer提供的API方法来实现打印功能。
  4. 在打印功能的处理函数中,调用ng2-pdfjs-viewer的打印方法,传入需要打印的HTML页面的选择器或元素。

以下是一个示例代码:

代码语言:txt
复制
<ng2-pdfjs-viewer #pdfViewer></ng2-pdfjs-viewer>
<button (click)="print()">打印</button>
代码语言:txt
复制
import { Component, ViewChild } from '@angular/core';
import { Ng2PdfjsViewerComponent } from 'ng2-pdfjs-viewer';

@Component({
  selector: 'app-pdf-viewer',
  templateUrl: './pdf-viewer.component.html',
  styleUrls: ['./pdf-viewer.component.css']
})
export class PdfViewerComponent {
  @ViewChild('pdfViewer') pdfViewer: Ng2PdfjsViewerComponent;

  print() {
    const htmlElement = document.querySelector('html'); // 获取整个HTML页面的元素
    this.pdfViewer.print(htmlElement);
  }
}

在上述示例中,通过@ViewChild装饰器获取了ng2-pdfjs-viewer组件的实例,然后在打印功能的处理函数中调用了print方法,并传入了整个HTML页面的元素。

ng2-pdfjs-viewer的打印功能可以实现在查看器中打印整个HTML页面,而不仅仅是嵌入的PDF文档。这对于需要打印包含PDF文档以外内容的页面非常有用。

关于ng2-pdfjs-viewer的更多信息和详细配置选项,可以参考腾讯云的相关产品文档:ng2-pdfjs-viewer产品介绍

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Python处理PDF——PyMuPDF安装与使用

MuPDF MuPDF 是一个轻量级 PDF、XPS和电子书查看器。MuPDF 由软件库、命令行工具和各种平台查看器组成。 MuPDF 渲染器专为高质量抗锯齿图形量身定制。...它支持多种文档格式,如PDF、XPS、OpenXPS、CBZ、EPUB和FictionBook 2。您可以使用移动查看器PDF文档进行注释和填写表单(这个功能很快也将应用于桌面查看器)。..., (X)HTML, XML, JSON, text 对于PDF文档,存在大量附加功能:它们可以创建、合并或拆分。...连接和拆分PDF文档 方法Document.insert_pdf()不同pdf文档之间复制页面。...这个过程(通常)非常快,因为更改会附加到原始文件,不会完全重写它。 d. 关闭 程序继续运行时,通常需要“关闭”文档以将底层文件控制权交给操作系统。

7.1K30

Python处理PDF——PyMuPDF安装与使用

MuPDF MuPDF 是一个轻量级 PDF、XPS和电子书查看器。MuPDF 由软件库、命令行工具和各种平台查看器组成。 MuPDF 渲染器专为高质量抗锯齿图形量身定制。...它支持多种文档格式,如PDF、XPS、OpenXPS、CBZ、EPUB和FictionBook 2。您可以使用移动查看器PDF文档进行注释和填写表单(这个功能很快也将应用于桌面查看器)。..., (X)HTML, XML, JSON, text 对于PDF文档,存在大量附加功能:它们可以创建、合并或拆分。...连接和拆分PDF文档 方法Document.insert_pdf()不同pdf文档之间复制页面。...这个过程(通常)非常快,因为更改会附加到原始文件,不会完全重写它。 d. 关闭 程序继续运行时,通常需要“关闭”文档以将底层文件控制权交给操作系统。

6.3K10

Python 处理 PDF 神器 -- PyMuPDF

MuPDF MuPDF 是一个轻量级 PDF、XPS和电子书查看器。MuPDF 由软件库、命令行工具和各种平台查看器组成。 MuPDF 渲染器专为高质量抗锯齿图形量身定制。...它支持多种文档格式,如PDF、XPS、OpenXPS、CBZ、EPUB和FictionBook 2。您可以使用移动查看器PDF文档进行注释和填写表单(这个功能很快也将应用于桌面查看器)。...功能 对于所有支持文档类型可以: 解密文件 访问元信息、链接和书签 以栅格格式(PNG和其他格式)或矢量格式SVG呈现页面 搜索文本 提取文本和图像 转换为其他格式:PDF, (X)HTML, XML...PDF 可选内容概念 可以访问和修改低级 PDF 结构 命令行模块"python \-m fitz…"具有以下特性功能实用程序 - 加密/解密/优化 创建子文档 文档连接 图像/字体提取 完全支持嵌入式文件...连接和拆分PDF文档 方法Document.insert_pdf()不同pdf文档之间复制页面

3K31

Python 处理 PDF —— PyMuPDF 安装与使用!

MuPDF MuPDF 是一个轻量级 PDF、XPS和电子书查看器。MuPDF 由软件库、命令行工具和各种平台查看器组成。 MuPDF 渲染器专为高质量抗锯齿图形量身定制。...它支持多种文档格式,如PDF、XPS、OpenXPS、CBZ、EPUB和FictionBook 2。您可以使用移动查看器PDF文档进行注释和填写表单(这个功能很快也将应用于桌面查看器)。...功能 对于所有支持文档类型可以: 解密文件 访问元信息、链接和书签 以栅格格式(PNG和其他格式)或矢量格式SVG呈现页面 搜索文本 提取文本和图像 转换为其他格式:PDF, (X)HTML, XML...PDF 可选内容概念 可以访问和修改低级 PDF 结构 命令行模块"python \-m fitz…"具有以下特性功能实用程序 加密/解密/优化 创建子文档 文档连接 图像/字体提取 完全支持嵌入式文件...连接和拆分PDF文档 方法Document.insert_pdf()不同pdf文档之间复制页面

1.7K10

Python处理PDF——PyMuPDF安装与使用!

MuPDF MuPDF 是一个轻量级 PDF、XPS和电子书查看器。MuPDF 由软件库、命令行工具和各种平台查看器组成。 MuPDF 渲染器专为高质量抗锯齿图形量身定制。...它支持多种文档格式,如PDF、XPS、OpenXPS、CBZ、EPUB和FictionBook 2。您可以使用移动查看器PDF文档进行注释和填写表单(这个功能很快也将应用于桌面查看器)。..., (X)HTML, XML, JSON, text 对于PDF文档,存在大量附加功能:它们可以创建、合并或拆分。...连接和拆分PDF文档 方法Document.insert_pdf()不同pdf文档之间复制页面。...这个过程(通常)非常快,因为更改会附加到原始文件,不会完全重写它。 d. 关闭 程序继续运行时,通常需要“关闭”文档以将底层文件控制权交给操作系统。

3.9K10

PyQt4应用程序PDF查看器

,包括滚动浏览不同页面打印文档。...它提供了许多有用功能,包括:将PDF文档渲染到内存或X11窗口允许用户滚动、平移和缩放文档允许用户打印文档Poppler库可以与Python绑定在一起,以便在Python应用程序中使用。...以下是一个使用Poppler库PyQt4应用程序创建PDF查看器示例代码:import PyQt4from PyQt4 import QtCore, QtGui​from poppler import...然后,它创建了一个打开文件操作和一个打印文档操作。当用户单击打开文件操作时,将打开一个文件对话框,以便用户可以选择要打开PDF文件。当用户选择一个文件后,该文件将被加载到PDF查看器。...Poppler库提供了许多有用功能,包括将PDF文档渲染到内存或X11窗口、允许用户滚动、平移和缩放文档以及允许用户打印文档

8610

linux平台下电子书阅读器推荐

它最大特点就是支持键盘操作,如果你熟悉 vim 的话,你会非常喜欢它操作,你可以非常轻松地各个页面跳转。它支持书签和文档目录,你也可以通过文档目录跳转到各个页面。...MuPdf 它是一个轻量级文档查看器,它包括软件库、命令行工具、文档注释,以及将文档编辑等功能,此外它还具有将文档转换为 HTMLPDF、CBZ 和各种其他文件格式能力。...MuPDF 渲染器针对高分辨率抗锯齿视觉效果进行了优化。它生成具有精确到像素分数度量和间距文本,以最真实地再现屏幕上打印页面。...这个 Linux PDF 查看器功能丰富,因为它配备了用于 PDF 增强嵌入式 3D 模型,处理多种文件类型时亚像素渲染,还包括一个表格选择工具,可以方便地选择文档内容。...Okular 中提供了页面注释、从 PDF 文件中提取内容到文本文件、书签等便捷功能。它可以低端 PC 上高效运行,并且可以轻松处理巨大 PDF 文件。

2.1K40

前端生成PDF,让后端刮目相看

PDF 简介 PDF 全称Portable Document Format (PDF)(便携文档格式),该格式显示与操作系统、分辨率、设备等因素没有关系,不论是Windows,Unix还是苹果公司...Adobe公司1993年为了文档传输创造了这个文件格式,这个格式使用PostScript页面描述语言,适用于列印图像和文字(无论是纸、胶片或非物质CRT都可)。PDF是基于页面描述语言。...如果你实现过类似于打印页面打印表单等功能,你可能会深有体会这其中坑,吃过苦只有自己清楚。 因为将网页保存为PDF 让用户预览或下载不失为一种保证格式各终端一致好方法。...每个浏览器对于文字内容,甚至CSS 属性处理都不一致,正因为各家有各家标准,会出现我们Chrome可以正常使用所有功能火狐使用PDF时,内容无法正常显示,但打印功能正常。 分辨率。...英文和数字等Unicode字符都可以保证PDF 正常显示,但如果页面包含中文字符,在生成PDF 时是基于字形绘制,如果提供字形与实际页面展示字形不一致,那导致生成PDF不是所见即所得效果,可能对于一些格式要求比较严格文件

2.9K30

PDF Explained(翻译)第七章 文档元数据和导航

。每个查看器应用(例如Adobe Reader或Mac OS X Preview)都可能以不同方式显示这些注释, 同一软件不同版本之间都可能有差异。注释不会影响打印输出。...我们来看两种注释:文本注释,以及用于文档创建超链接链接注释。 还有许多其他类型注释,可用于文档上绘图,高亮文本以及添加打印机标记。...可以使用不同边框样式,包括使链接矩形不可见样式。 文件附件 附件是一种PDF文档包含一个或多个文件(任何类型)方法。文件可以附加到整个文档上,也可以附加到单个页面上。...通常,PDF查看器将显示附件列表,允许用户打开或保存它们。 例如,可以使用此功能将示例资源与幻灯片演示文稿PDF捆绑在一起。...endstream endobj 嵌入式文件流有两种完全不同引用方式:一种用于整个文档附件,另一种用于特定页面的附件。

98620

ASP.NET水晶报表使用

一周以后,阅读了大量“HOWTO”文档之后,我们成功地将一些简单报告加入到了我们Asp.net程序,并得到了一些小决窍。   ....pdf,.doc,xls,html,rtf等多种格式   结构:   一些组件组成了水晶报表二层结构,需要Web应用有:   客户端 :   客户端仅需要一个可以访问嵌入aspx...在这种情况下,你不得不使用水晶报表”ReportDocuemt“对象建立一个实例,并且”手动“地凋用报表。   其它注意事项   尽管水晶报表查看器拥有一些很酷功能,如缩放、页面导航等。...但是他不提供打印功能,你不得不调用游览器打印功能。   VS.Net水晶报表如果没有注册,那么它只能使用30次,30次后,”保存“功能就不能再使用了。...1) 从WebForm工具栏拖动水晶报表查看器控件(Crystal Report Viewer)至.aspx页面

2.6K30

如何将HTML表格转换成精美的PDF

此外,这七个页面每一个都包含表列标题和页脚,我认为浏览器可以智能地获取这些信息,这是由于我构建结构合理表时选择了语义 HTML。 然而,我不喜欢浏览器 PDF 包含额外页面元数据。...靠近顶部,我们看到日期和 HTML 页面标题。页面的底部,我们看到了打印这篇文章网站以及页码。 如果我保存这个文档唯一目的是为了看数据,那么 Chrome 浏览器做得很好。...原因是 pdfmake 使用你提供数据从头开始构建 PDF 文档不是页面上现有的 HTML 内容转换为 PDF。...DocRaptor 基本配置相当简单,你向它提供你文档名称,你要创建文档类型(我们例子是 ’pdf'),以及要使用 HTML 内容。...当涉及到基于 UI 显示 HTML 生成单页内容时,jsPDF 就会大放异彩。pdfmake 在从数据不是 HTML 中生成 PDF 内容时效果最好。

6.7K20

python处理xps文件_如何在Windows 10系统处理XPS文件

也许这种类型文件不像PDF那样受欢迎,但了解XPS及其工作方式可能会有所帮助。 本文中,我们将向您展示如何在Windows 10处理XPS文件。 如何查看XPS文件窗口10 微软正在。...本指南中疑难解答步骤将帮助您: 将XPS转换为PDF 没有其他应用程序情况下处理XPS文件快速方法是使用内置打印机进行转换。 ►使用XPS Viewer打开XPS文件。...►单击右上角打印”按钮。 ►“选择打印机”下,选择“Microsoft打印PDF”选项。 ►单击“打印”按钮。...Windows 10使用XPS Viewer XPS Viewer是Microsoft用于打开和管理XPS文件默认应用程序,它提供了一些基本功能。...如您所见,XPS查看器非常易于使用,非常适合发布和存档文档

4K10

如何快速又高质量输出PDF实验报告?

PDF文档打印很多应用场景中都会被使用到,最为常见就是实验室信息管理应用场景,期间涉及到大量报告呈现及打印需求。...借助SpreadJS表格技术及GcExcel仅仅需要三步就可以完成整个功能开发: 将SpreadJS集成到系统,快速实现数据在线录入 系统配置导出PDF文档所需要参数 通过GcExcel将实验报告导出为...\> 添加SpreadJS容器元素 - 页面的body元素添加一个DOM元素作为它容器。...,通过SpreadJS数据绑定功能,某些默认数据可以从数据库加载,显示到实验模板,实验人员填报实验数据也可以通过数据绑定轻松获取到 用SpreadJS完成导出PDF打印配置 使用SpreadJS...workbook.save("ExportPdf.pdf"); 至此,就完成PDF文档打印

15520

MHT Viewer for Mac 永久版完美激活(MHTMLMIME HTML文档查看器阅读器

哪里下载MHT Viewer for Mac 永久版完美激活(MHTML/MIME HTML文档查看器/阅读器资源啊,MHT Viewer for Mac是一款专门用于打开和查看MHT(MHTML)文件软件...MHT文件是一种Web页面的存档文件格式,它包含了网页所有内容,包括HTML、CSS、JavaScript和图片等。...除了基本查看功能,MHT Viewer for Mac还提供了一些实用工具和功能。...例如,用户可以通过软件将MHT文件转换为PDF格式,方便在其他设备上查看;还可以通过软件将MHT文件内容复制到剪贴板,方便进行粘贴和编辑等操作。...此外,MHT Viewer for Mac还支持打印和分享功能,用户可以将MHT文件打印出来或分享给其他人。

1.3K20

Web应用程序如何创建 PDF

不是一个生成 PDF 库列表,这里主要目的是展示不同生成 PDF 方法。如果你有自己喜欢工具或任何经验可以评论中分享给我们。...使用浏览器渲染引擎打印 还有一些方法可以使用浏览器渲染引擎将文档打印PDF不需要在浏览器中使用打印菜单,并且以页眉和页脚结束。...有一些选项可以传递到page.pdf()函数。与wkhtmltopdf一样,如果有浏览器支持,添加了一些CSS 提供功能。...当将页面发送到正在使用工具时,通常会使用一个用于打印特定样式表。与常规打印样式表一样,我站点上使用CSS并不都适合PDF版本。...但是,如果你发现打印结果不是自己想要,请注意这可能是浏览器打印限制,不是你做错了什么。如果你想要更多页面媒体支持,但又无法获得商业产品,也许可以看看WeasyPrint。

2.7K30

PDF 文档编辑神器 Adobe Acrobat安装教程

查看 PDF 和查看首选项打开 PDF 文件时,显示初始外观取决于创建者设置文档属性。例如,文档可以特定页面或放大率打开。...可点击图片放大查看查看 PDF 首选项“首选项”对话框定义了默认页面布局和用很多其它方法自定义您应用程序。要查看 PDF,请检查文档、全屏、一般、页面显示和 3D 和多媒体首选项选项。...可点击图片放大查看④ 利用虚拟 PDF 打印机创建 PDF打印机分为物理和虚拟打印机。从 win 7 开始微软已经系统添加了“Microsoft Print to PDF”虚拟 PDF 打印机。...这样系统就有两个虚拟 PDF 打印机,利用打印功能生成 PDF 时,可选择其一来打印生成 PDF。经测试 Adobe 虚拟 PDF 打印机创建文档要小于 Microsoft。...如果是长文档,并且文档有目录,希望生成 PDF 文档带有导航书签,这时应该利用上面方法②和③,方法①和④生成 PDF 文档是不带导航书签

2K00

PDF Explained(翻译)第四章 文档结构

一个典型PDF文档逻辑结构如下图所示: ? Trailer字典 这份字典位于文件尾部不是文件主体,如果程序想要读取PDF文档,首先要做就是处理trailer字典。...第一个字串文件首次创建时确定,第二个字串随工作流系统对文件修改修改。...这种机制允许文档页面具有比1,2,3更复杂编号方式…例如,书籍前言可以编号为i,ii,iii …主要内容 再次以1,2,3开始…这些页面标签仅用于PDF查看器显示,与打印输出无关。.../PageLayout 名称 指定PDF查看器使用页面布局。...大多数情况指页面大小。如果缺少此条目,将从父节点继承。 /CropBox 长方形 页面的裁剪框。定义了显示或打印页面时默认可见区域。如果不存在,则取媒体框值。

87620

PDF 文档编辑神器 Adobe Acrobat-最牛逼PDF编辑器

查看 PDF 和查看首选项打开 PDF 文件时,显示初始外观取决于创建者设置文档属性。例如,文档可以特定页面或放大率打开。...可点击图片放大查看查看 PDF 首选项“首选项”对话框定义了默认页面布局和用很多其它方法自定义您应用程序。要查看 PDF,请检查文档、全屏、一般、页面显示和 3D 和多媒体首选项选项。...可点击图片放大查看④ 利用虚拟 PDF 打印机创建 PDF打印机分为物理和虚拟打印机。从 win 7 开始微软已经系统添加了“Microsoft Print to PDF”虚拟 PDF 打印机。...这样系统就有两个虚拟 PDF 打印机,利用打印功能生成 PDF 时,可选择其一来打印生成 PDF。经测试 Adobe 虚拟 PDF 打印机创建文档要小于 Microsoft。...如果是长文档,并且文档有目录,希望生成 PDF 文档带有导航书签,这时应该利用上面方法②和③,方法①和④生成 PDF 文档是不带导航书签

2.3K20

Edge 浏览器新版来袭,Office 功能首次出现!

这项名为“Office Viewer”功能将允许用户浏览器中一键打开微软 Word、Excel 和 PowerPoint 文档。...但现在,Edge Microsoft 365 整合新功能解决了这个问题,可让你在网上打开文档。 ?...测试中发现,Edge可成功打开微软Word、Excel、Powerpoint文件,就像它们电脑上微软Office或在线版Office打开一样,并有下载文档PDF版本、保存到OneDrive选项...Office浏览器扩展可以打开保存在OneDrive和OneDrive for Business或电脑上文件。两者都能达到目的,用户可能更喜欢内置Edge工具,不是安装扩展。 ?...虽然微软目前尚未公布完整更新日志,不过外媒 NeoWin 经过实际测试发现主要有改善阅读模式,“外观”添加新色彩主题,通过独立弹窗可快速访问历史和收藏页面,睡眠标签外观选项,新打印选项等等。

1K30
领券