关键词:hiprint、web-print-pdf、预览打印、Web打印、打印插件、打印组件、前端打印、Vue打印、React打印、Angular打印技术标签:hiprint、web-print-pdf 技术架构对比hiprint打印插件架构hiprint采用前端打印设计器 + 打印引擎的架构模式:// hiprint的典型使用方式// 1. 初始化hiprint.init();// 2. 设计器使用示例// 初始化hiprint.init();// 创建打印模板对象var hiprintTemplate = new hiprint.PrintTemplate();// 添加打印面板var -- hiprint CSS --><link href="<em>hiprint</em>/css/<em>hiprint</em>.css" rel="stylesheet"><link href="<em>hiprint</em>/css/print-lock.css -- <em>hiprint</em>核心JS --><script src="hiprint/polyfill.min.js"></script><script src="<em>hiprint</em>/<em>hiprint</em>.bundle.js
https://gitee.com/CcSimple/vue-plugin-hiprint4.我是用的60×40的标签纸,所以选择自定义纸张,然后清空一下数据。 https://gitee.com/CcSimple/electron-hiprint8.下载这个项目,然后根据教程进行安装配置。 (下载exe的安装包需要去github下载)9.然后我们在vue-plugin-hiprint的项目演示里选择直接打印了。 -- Vue-Plugin-Hiprint模板打印功能 -->
2.
对比 hiprint:后者偏重可视化模板设计,适合“模板搭建”;web-print-pdf 则专注“把内容稳定印出”,二者可互补。