JS教程之使用 ElectronJS 桌面应用程序打印贴纸/标签
2023-09-11 14:18:47 时间
在本文中,我们将讨论如何使用 Vue-ElectronJS 桌面应用程序打印特定尺寸(比如 10" X 10")的贴纸
我们看到产品信息标签贴在产品上,并附有产品和价格信息。或者有许多行业正在对产品进行测试,测试应用程序会根据其结果创建一个贴纸,并将该贴纸贴在被测产品上。
这些印刷品是如何生成并打印在贴纸上的?
我们将在本文中看到这一点。
我们正在使用带有 ElectronJS 的 VueJS 来构建我们的应用程序。由于 ElectronJS 使我们能够创建桌面应用程序,它还具有用于创建打印语句并返回其结果的内置 API。
打印普通文本 VS 打印 HTML 内容
当你想打印普通文本时,你可以直接从主窗口给出命令。但是,当您想要打印自定义 HTML 设计的内容时,您必须创建一个新窗口,您将在其中呈现 HTML 内容,然后发出命令以在此页面上打印内容。
在本文中,我们将探讨打印 HTML 内容的第二种选择。
默认情况下,ElectronJS 创建一个单独的窗口,当您想要呈现应用程序内容时它就足够了,但是当我们想要打印自定义/动态数据时,我们必须有另一个窗口来呈现这些数据。
让我们配置另一个窗口:
在你的主渲染器文件中,通常位于–src/main/index.js,你会注意到这里定义了主窗口,让我们定义另一个窗口来渲染打印内容
const printerWindow = new BrowserWindow({
show: false,
webPreferences: {
webSecurity: false,
nodeIntegratio
相关文章
- director.js:客户端的路由---简明中文教程
- 强大的矢量图形库:Raphael JS 中文帮助文档及教程
- jQuery.Form.js提交表单详解ajaxSubmit()
- 爬虫之JS的解析确定js的位置
- 微信开发 - 详解 JSAPI 与 JS-SDK 是什么?它们之间有什么区别?用谁做微信支付、分享等功能合适?(为什么网上的教程有使用 JSAPI 做功能,但也有大量使用 JS-SDK 做的呢?)
- uni-app - H5 网站项目接入集成 51LA 网站统计详细教程(提供 51LA.js 官方插件与引入教程)
- JS访问数据库[非Node.js]
- [转]客户端js判断文件类型和文件大小即限制上传大小
- JS 这一次彻底理解冒泡排序
- js加载优化三
- base.js,通用js方法,Js方法封装
- GIS教程之将 Plotly.js 与 Angular 一起使用
- 使用 PyWeb3D 的 3D 家具显示,用 Python 语法探索 three.js(教程含源码)
- JS教程之Electron.js设计强大的多平台桌面应用程序的好工具
- JS教程之 使用 Electron.JS 构建原生桌面应用程序乒乓游戏
- js 执行跨域刷新页面
- [js高手之路] html5 canvas系列教程 - arc绘制曲线图形(曲线,弧线,圆形)
- [js高手之路] es6系列教程 - 对象功能扩展详解
- 原生JS实现Promise
- Node.js:EventEmitter类
- 深入理解JS函数节流和去抖动
- js 解析json字符串
- 从零开始学 Web 之 Vue.js(四)Vue的Ajax请求和跨域
- JQuery/JS插件 linq.js 获取所有选中行的Id
- 其它/编程 Node.js 初识2
- 我们为什么以及是如何从 Angular.js 迁移到 Vue.js?
- Node.js Events模块