900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > vue热敏打印机_electron + vue项目实现打印小票功能及实现代码

vue热敏打印机_electron + vue项目实现打印小票功能及实现代码

时间:2023-08-25 01:51:24

相关推荐

vue热敏打印机_electron + vue项目实现打印小票功能及实现代码

一 需求:

公司项目需要通过electron调用系统打印机,实现打印小票的功能。

二、分析:

electron打印大概有两种:

第一种:通过window的webcontent对象,使用此种方式需要单独开出一个打印的窗口,可以将该窗口隐藏,但是通信调用相对复杂。

第二种:使用页面的webview元素调用打印,可以将webview隐藏在调用的页面中,通信方式比较简单。

两个对象调用打印方法的使用方式都一样。

本文是通过第二种方法实现静默打印。

三、实现过程:

1、要实现打印功能,首先要知道我们的设备上有哪些打印机。方法是:在渲染线程通过electron的ipcRenderer对象发送事件到主线程获取。(本文的渲染线程可以当做为一个print.vue文件)

(1)主线程(electron.js)伪代码如下:

//引入electron

import electron from electron;

//创建一个浏览器对象

const window = new electron.BrowserWindow({

width,

height,

frame: false,

show: false,

backgroundColor: #4b5b79,

minWidth: 1024,

minHeight: 768,

webPreferences: { webSecurity: false },

});

//在主线程下ÿ

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。