源码链接:https://github.com/CcSimple/vue-plugin-hiprint-start 效果如下: 1.前言 首先我们应该清楚两种打印模式: 拖拽生成的html,创建iframe然后调用浏览器提供的printAPI 将生成的html,通过socket.io发送到直接打印客户端再调用electron提供的printAPI
源码链接:https://github.com/CcSimple/vue-plugin-hiprint-start ▲本篇效果图 1.编写 provider 并 构建 这里将创建两个provider文件,用于演示如何在两个不同容器中去构建可拖拽元素。 1.1 创建 provider 首先创建provider,直接上代码: // provider1.js ...
let css = '' // 2.重写样式:所有文本红色 css += '.hiprint-printElement-text{color:red !important;}' return css } }); 由于打印原理是生成html调用浏览器打印。所以如果批量打印传的数据过多会造成浏览器卡死/等待时间长等问题。 5 直接打印 直接打印其实就是将填充完数据的html通过socket.io连接发送...
ms)); const printQueue = async () => { for (const item of printItemListFilter) { // 每次打印延迟5s,防止过快导致打印机接收不到 // await delay(5000) let hiprintTemplate = new hiprint.Print
vue-plugin-hiprint(基于hiprint 2.5.4) 当时只是为了方便我(并非hiprint原作者)在vue项目中引入使用,所以以此命名。 此插件仅仅是一个JavaScript【工具库】而非Vue【组件库】,所以它默认是不包含demo中所见的那些组件页面的(demo代码随便复制修改拿去用)。
vue-plugin-hiprint(基于hiprint 2.5.4) 当时只是为了方便我(并非hiprint原作者)在vue项目中引入使用,所以以此命名。 此插件仅仅是一个JavaScript【工具库】而非 Vue【组件库】,所以它默认是不包含demo中所见的那些组件页面的(demo代码随便复制修改拿去用)。
vue-plugin-hiprint (基于hiprint 2.5.4) 当时只是为了方便我(并非hiprint原作者)在vue项目中引入使用,所以以此命名。 此插件仅仅是一个JavaScript【工具库】而非Vue【组件库】,所以它默认不包含demo中的那些组件页面(demo代码可复制使用)。 由于hiprint官网最后一次更新时间为2019年【hiprint 2.5.4 是LGPL协议】,后...
vue-plugin-hiprint 项目:https://gitee.com/CcSimple/vue-plugin-hiprint 如果你想用 vite 项目,可以参考文档:vite 本分支没有使用其他 UI 框架。 本地运行 // clone 项目 git clone https://gitee.com/CcSimple/vue-plugin-hiprint-start.git // 安装依赖 cd vue-plugin-hiprint-start && npm i // 运...
vue-plugin-hiprint 使用示例教程。 本地运行 vue-plugin-hiprint使用示例教程。 本项目使用create-vue创建,默认 Vue3,用于演示讲解 vue-plugin-hiprint 的使用。 vue 文档:https://cn.vuejs.org vue-plugin-hiprint 项目:https://gitee.com/CcSimple/vue-plugin-hiprint ...
hiprint官方文档:http://hiprint.io/docs/start本人写的部分文档: https://ccsimple.github.io/sv-print-docs/config/hiprint.html安装使用npm install vue-plugin-hiprint <!--【必须】在index.html 文件中添加打印所需样式(cdn可能不稳定):--> <!-- OR --> <!-- 可以调整成 相对链接/自有链接, 【...