使用 Electron 打印到 PDF

最新推荐文章于 2024-08-13 08:23:19 发布

_miccretti

最新推荐文章于 2024-08-13 08:23:19 发布

阅读量2.7k

点赞数 2

文章标签： shell 前端 javascript ViewUI

原文链接：https://segmentfault.com/a/1190000011511311

版权

本文介绍如何在 Electron 应用中利用 `webContents` 模块的 `printToPDF` 方法来实现打印到 PDF 的功能。示例代码展示了在渲染器和主进程中如何操作，并提供了用于优化打印效果的专门样式表。此功能适用于 Windows、macOS 和 Linux 平台。

摘要由CSDN通过智能技术生成

使用 Electron 打印到 PDF

此系列文章的应用示例已发布于 GitHub: electron-api-demos-Zh_CN. 可以 Clone 或下载后运行查看. 欢迎 Star .

Electron 中的 browser window 模块具有 webContents 属性, 它允许您的应用程序进行打印以及打印到PDF.

这个模块有一个版本可用于这两个进程: ipcMain 和 ipcRenderer.

在浏览器中查看完整 API 文档.

打印到 PDF

支持: Win, macOS, Linux

为了演示打印到PDF功能, 上面的示例按

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

_miccretti

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

pdf到打印机：从Node.js和Electron打印PDF文件

02-04

Node.js PDF打印用于从Node.js和Electron打印PDF文件的实用程序。 :white_heavy_check_mark: 在Windows和类似Unix的操作系统上工作。 :white_heavy_check_mark: 支持和等标签打印机。安装安装： yarn add pdf-to-printer 或： npm install --save pdf-to-printer 基本用法将PDF文件打印到默认打印机： import ptp from "pdf-to-printer" ; ptp . print ( "assets/pdf-sample.pdf" ) . then ( console . log ) . catch (

06 单例模式_打印机案例

黄朋生的博客

10-20

511

#06 单例模式_打印机案例 #define _CRT_SECURE_NO_WARNINGS #include <iostream> #include <string> using namespace std; class Printer{ private: Printer(){ mCnt = 0; } public: static Printer* getInstance(){ return pPrinter; } //提供打印接口 void print.

参与评论您还未登录，请先登录后发表或查看评论

使用electron导出pdf并预览

z37411的博客

01-13

3992

在开发过程中难免会遇到许多文档的输出，本文主要讲使用electron导出pdf的功能，原理就是将html代码转换为pdf文件：先使用showOpenDialogSync获取到保存文件的路径，获取到html（html样式尽量使用行内样式，不然容易出bug）后将文件路径和html通过electron的ipcRenderer.send发送到主进程，主进程接受到子进程发送的数据之后使用printToPDF将html代码转换为pdf文件，最后使用fs.writeFile将文件保存。

探索Electron-PDF：高效生成PDF的利器

最新发布

gitblog_00139的博客

08-13

757

探索Electron-PDF：高效生成PDF的利器 electron-pdf???? A command line tool to generate PDF from URL, HTML or Markdown files.项目地址:https://gitcode.com/gh_mirrors/el/electron-pdf 在数字化时代，PDF文件的生成与处理已成为日常工作不可或缺的一部分。今天，我...

electron 连接打印机打印pdf文件

小漠007的专栏

06-20

3914

类似视图线程两个包都提供了print函数来打印文件，配置基本一致，只是参数形式有所不同，参考：https://www.computerhope.com/unix/ulp.htm#co。

electron-静默打印pdf文件

qq_43340606的博客

06-16

2614

electron项目导出pdf的方法

qq_43399210的博客

03-03

2062

electron项目导出pdf前言一、渲染进程通知主进程进行导出二、主线进程执行导出任务总结前言 electron项目导出pdf的功能和electron打印的方法类似一、渲染进程通知主进程进行导出随便找个页面注意一定要写行内样式，颜色相关的不能使用16进制（#000）只能使用rgb(0,0,0) 或者颜色的英文单词。别问为什么，问就是坑。 import { ipcRenderer } from 'electron'; const path = require('path') const os =

Electron-PDF-Viewer：使用Electron框架和PDF.js创建的PDF查看器

02-04

电子PDF查看器使用和创建的PDF查看器用法从下载可执行文件或从源代码构建：安装依赖项（Node.js，npm等）- $ sudo apt-get install python-software-properties$ curl -sL https://deb.nodesource.com/setup_7.x | ...

讲师：:open_book:使用Electron和PDF.js构建的简单PDF阅读器

02-04

使用Electron和PDF.js构建的简单PDF阅读器依存关系使用的图书馆什么是新的？ v1.1.0 PDF文件关联。新的PDF文件图标。 v1.0.0 首次发布。选项卡式视图可轻松在多个文档之间切换。文档导航工具。缩略图...

ie浏览器 js调用 ocx 异步打印pdf、图片控件

06-09

在“ie浏览器 js调用 ocx 异步打印pdf、图片控件”的场景中，我们将探讨如何利用JavaScript调用OCX控件来实现异步打印功能，特别是针对PDF和图片文件。首先，我们需要在Web服务器上部署这个OCX控件。部署过程包括...

Electron 12.0 官方文档.pdf.7z

06-02

- `webContents.print()` API 现在支持新的选项，以控制打印预览和页面范围。 - `app.dock` 模块的一些方法已被弃用，开发者应转而使用 `app.setDockMenu()` 和 `app.setAppLogsPath()`。 - `session....

electron使用export-pdf，过大的PDF无法保存

m0_62948562的博客

03-25

266

接着将main.js里的loadUrl替换为loadFile方法，地址为你的临时文件就可以正常预览下载了。但浏览器对链接长度有限制，当用户的链接过长，就会导致解析失败。解决办法是先将内容写入临时文件。下载完建议把临时文件删除。

electron实现打印功能，支持静默打印、无感打印

Congwei12138的博客

02-17

7784

会接受两个参数，第一个参数是事件对象，第二个参数是发布事件时传递的参数，而这个参数最终会通过路由的方式传递到打印的新窗口中。所以会判断时候存在这个新窗口，如果存在就要隐藏并销毁掉，这样可以保证我们每次点击打印按钮时都会是最新的隐藏的窗口。订阅的参数会作为路由的query参数拼接到路径上面，print组件就可以拿到点击组件打印传递的参数。事件中将新窗口隐藏掉，这样做的好处是这个新窗口一直都是隐藏的，从而实现无感打印。窗口，将要打印的内容放进新窗口中，这样我们就可以实现打印指定内容的功能。

探索未来打印体验：Electron-PDF 开源项目指南

gitblog_00098的博客

05-14

473

探索未来打印体验：Electron-PDF 开源项目指南 electron-pdf???? A command line tool to generate PDF from URL, HTML or Markdown files.项目地址:https://gitcode.com/gh_mirrors/el/electron-pdf 在数字化时代，从网页和文档中生成高质量的PDF文件变得至关重要。今天，...

electron打印小票

weixin_46474841的博客

05-12

1188

electron打印

pdf-to-printer获取打印机列表中文乱码

shmily_1216的博客

07-06

559

在开发electron程序时有一个打印pdf的需求，用到了pdf-to-printer这个插件，可以获取到打印机，但是如果名字存在中文会是乱码。

使用electron静默打印

热门推荐

学习、分享

10-02

2万+

使用electron静默打印1.使用electron打印的理由2.api2.1 print2.2 printToPdf3.打印边距问题4.打印方案5.示例程序 1.使用electron打印的理由很多情况下程序中使用的打印都是用户无感知的。并且想要灵活的控制打印内容，往往需要借助打印机给我们提供的api再进行开发，这种开发方式非常繁琐，并且开发难度较大。 electron提供的打印api可以非常灵...

electron@7.2.4实现打印功能

qiuqiang748的博客

09-03

3668

一、background.js，项目入口配置文件 import { app, protocol, BrowserWindow, ipcMain } from 'electron' /* * * 省略多数默认配置 * * */ /* * 打印 * */ //在主线程下，通过ipcMain对象监听渲染线程传过来的getPrinterList事件 ipcMain.on('getPrinterList', (event) => { //主线程获取打印机列表 const list = wi

electron-vue 打印pdf

07-27

您可以使用electron-vue来打印PDF。下面是一个简单的示例代码，演示如何使用electron和vue来实现打印PDF的功能：首先，您需要安装`pdfjs-dist`和`pdf-printer`这两个npm包： ```shell npm install pdfjs-dist pdf-printer ``` 然后，您可以在您的Vue组件中使用以下代码来实现打印PDF的功能： ```javascript import PDFJS from 'pdfjs-dist'; import Printer from 'pdf-printer'; export default { methods: { async printPDF() { const pdfUrl = 'path/to/your/pdf/file.pdf'; const loadingTask = PDFJS.getDocument(pdfUrl); const pdf = await loadingTask.promise; const printer = new Printer(); const printOptions = { printerName: '', // 打印机名称，留空表示使用默认打印机 silent: true, // 是否静默打印，如果设置为false，则打印对话框将会弹出 printBackground: true, // 是否打印背景颜色和图像，默认为true }; printer.print(pdf, printOptions); }, }, }; ``` 请注意，上述代码中的`pdfUrl`应该替换为您要打印的实际PDF文件的路径。这是一个简单的示例，您可以根据自己的需求进行更多的定制和调整。希望对您有所帮助！如果您有任何进一步的问题，请随时提问。