electron打印条形码、二维码

功能：在electron打印条形码或者二维码

在百度搜索找不到合适的博客与插件，就在github上找到一个插件

electron-pos-printer

可以一键打印图片、文本、二维码、条形码、表格

不用安装其他多余插件，亲测十分好用

1、安装

npm install electron-pos-printer
yarn add electron-pos-printer

2、使用

在main主进程中引入

const {PosPrinter} = require("electron-pos-printer");

在render渲染进程中引入

const {PosPrinter} = require('electron').remote.require("electron-pos-printer");

定义参数

const printOptions = {preview: false,               // 打印预览width: '80px',               //  宽度margin: '0 0 0 0',            // 外边距copies: 1,                    // 打印页数printerName: '',        // 打印机名称timeOutPerLine: 400,    //超时时间pageSize: { height: 301000, width: 71000 }  // 页面大小
}

注意：

页面大小需要根据你的纸张大小自己调试

打印机名称通过remote.getCurrentWebContents().getPrinters()获取

开始打印二维码

/*** 去打印* value:二维码数据* textLeft:文本左边距距离*/_toPrint(value, textLeft) {const printerName = new Store().get('printerName')if (!printerName) {//请先选择打印机this.showSelPrintModal = truereturn}const data = [{type: 'qrCode',value,height: 100,width: 100,displayValue: true, // Display value below barcodestyle: `margin-left:80px;`,},{type: 'text',value,style: `margin-left:${textLeft}px;`,},]printOptions = { ...printOptions, printerName }PosPrinter.print(data, printOptions).then(() => {}).catch((error) => {console.error('打印错误', error)})},

说明：先获取打印机名称，然后调用插件打印，边距需要调式这个距离

打印成果（纸张是700*500）

打印条形码也是如此（修改一下data）

 const data = [{type: 'barCode',value,height: 110,width: 1,displayValue: true, // 是否显示数值fontsize: 16,style: `margin-left:${left}px;`,},]

大功告成!!!

还有表格、图片我就不演示了，直接上作者demo

const {PosPrinter} = require("electron-pos-printer");
const path = require("path");const options = {preview: false,               // Preview in window or printwidth: '170px',               //  width of content bodymargin: '0 0 0 0',            // margin of content bodycopies: 1,                    // Number of copies to printprinterName: 'XP-80C',        // printerName: string, check with webContent.getPrinters()timeOutPerLine: 400,pageSize: { height: 301000, width: 71000 }  // page size
}const data = [{type: 'image',                                       path: path.join(__dirname, 'assets/banner.png'),     // file pathposition: 'center',                                  // position of image: 'left' | 'center' | 'right'width: '60px',                                           // width of image in px; default: autoheight: '60px',                                          // width of image in px; default: 50 or '50px'},{type: 'text',                                       // 'text' | 'barCode' | 'qrCode' | 'image' | 'tablevalue: 'SAMPLE HEADING',style: `text-align:center;`,css: {"font-weight": "700", "font-size": "18px"}},{type: 'text',                       // 'text' | 'barCode' | 'qrCode' | 'image' | 'table'value: 'Secondary text',style: `text-align:left;color: red;`,css: {"text-decoration": "underline", "font-size": "10px"}},{type: 'barCode',value: 'HB4587896',height: 12,                     // height of barcode, applicable only to bar and QR codeswidth: 1,                       // width of barcode, applicable only to bar and QR codesdisplayValue: true,             // Display value below barcodefontsize: 8,},{type: 'qrCode',value: 'https://github.com/Hubertformin/electron-pos-printer',height: 55,width: 55,style: 'margin: 10 20px 20 20px'},{type: 'table',// style the tablestyle: 'border: 1px solid #ddd',// list of the columns to be rendered in the table headertableHeader: ['Animal', 'Age'],// multi dimensional array depicting the rows and columns of the table bodytableBody: [['Cat', 2],['Dog', 4],['Horse', 12],['Pig', 4],],// list of columns to be rendered in the table footertableFooter: ['Animal', 'Age'],// custom style for the table headertableHeaderStyle: 'background-color: #000; color: white;',// custom style for the table bodytableBodyStyle: 'border: 0.5px solid #ddd',// custom style for the table footertableFooterStyle: 'background-color: #000; color: white;',},{type: 'table',style: 'border: 1px solid #ddd',             // style the table// list of the columns to be rendered in the table headertableHeader: [{type: 'text', value: 'Animal'}, {type: 'image', path: path.join(__dirname, 'icons/animal.png')}],// multi dimensional array depicting the rows and columns of the table bodytableBody: [[{type: 'text', value: 'Cat'}, {type: 'image', path: './animals/cat.jpg'}],[{type: 'text', value: 'Dog'}, {type: 'image', path: './animals/dog.jpg'}],[{type: 'text', value: 'Horse'}, {type: 'image', path: './animals/horse.jpg'}],[{type: 'text', value: 'Pig'}, {type: 'image', path: './animals/pig.jpg'}],],// list of columns to be rendered in the table footertableFooter: [{type: 'text', value: 'Animal'}, 'Image'],// custom style for the table headertableHeaderStyle: 'background-color: #000; color: white;',// custom style for the table bodytableBodyStyle: 'border: 0.5px solid #ddd',// custom style for the table footertableFooterStyle: 'background-color: #000; color: white;',},
]PosPrinter.print(data, options).then(() => {}).catch((error) => {console.error(error);});

很好用的一个打印工具插件！！！

electron打印条形码、二维码相关推荐

【C#】最全单据打印（打印模板、条形码二维码、字体样式、项目源码）
系列文章 [C#]编号生成器(定义单号规则.固定字符.流水号.业务单号) 本文链接:https://blog.csdn.net/youcheng_ge/article/details/12912978 ...
个人用户永久免费，可自动升级版Excel插件，使用VSTO开发，Excel催化剂功能第12波-快速生成、读取、导出条形码二维码...
根据指定的内容生成对应的条形码或二维码,在如今移动互联网时代,并不是一件什么新鲜事,随便百度一下,都能找到好多的软件或在线网站可以帮我们做到,但细想一下,如果很偶然地只是生成一个两这样的图形,百度一下 ...
SMARTFORM 条形码二维码
目录一.二维码 1.创建二维码样式 SE73 2.创建样式,并在SMARTFORM中使用二.条形码 1.创建条形码样式 SE73 2.创建样式,并在SMARTFORM中使用一.二维码 1.创建二 ...
条码条形码二维码检错系统供应
条码条形码二维码检错系统可防止因人为误操作.设备损坏等原因导致的错误,减少产品的退货返工,避免客户的投诉,提高工作效率.减少人力成本.适用于各种需要对条码进行检查的场合,如标签打印检查.装箱前对箱型 ...
GM65条形码二维码扫描识别模块与STM32学习
目录模块介绍: 简介: 原理介绍: 工作流程: 技术参数: 修改配置: 代码介绍: 串口函数: 主函数: 模块介绍: 简介: GM65 条形码二维码扫描识别模块是一种基于激光扫描头的识别设备原理介 ...
JS生成条形码/二维码 barcode.js、JsBarcode
JS生成条形码/二维码 barcode.JsBarcode JsBarcode Barcode.js 以下代码均非纯原创.新手小白.网上一搜一大把的概念也不写了,直接上可运行的代码及遇到的小坑. Js ...
Opencv+Zbar二维码识别（标准条形码/二维码识别）
使用Opencv+Zbar组合可以很容易的识别图片中的二维码,特别是标准的二维码,这里标准指的是二维码成像清晰,图片中二维码的空间占比在40%~100%之间,这样标准的图片,Zbar识别起来很容易,不 ...
条形码/二维码生成探索
条形码/二维码生成探索所用依赖 <dependency><groupId&g ...
flutter实现条形码二维码扫描
flutter实现条形码二维码扫描准备工作使用我们使用到的第三方插件为barcode_scan2 地址为:https://pub.flutter-io.cn/packages/barcode_s ...
条形码/二维码之开源利器ZXing图文介绍
全文目录: 基本介绍二维码(比如:QRCode)的编码和解码演示条形码(比如:EAN-13)的编码和解码演示 [一]. 基本介绍 : 1-1. ZXing是一个开源Java类库用于解析多种格式的条 ...

electron打印条形码、二维码

1、安装

2、使用

electron打印条形码、二维码相关推荐

最新文章

热门文章