此项目是一个通过浏览器可以直接调用打印机的开源项目,其中包含浏览器的部分与客户端的部分; 1、浏览器部分:   2、客户端部分 客户端部分有Electron构建,提供了基础的打印与Socket部分;构建版本支持Win64位、Win63位、macOS(Intel)、macOS(ARM64)、Linux(需要桌面系统)。 打印、打印设计、可视化设计器、报表设计、元素编辑、可视化打印编辑   关于此插件 vue-plugin-hiprint(基于hiprint 2.5.4) 当时只是为了方便我(并非h…

2023年3月9日 0条评论 1975点热度 0人点赞 帮助教程 阅读全文

  ❝ 相信你看了 【vue-plugin-hiprint】使用-进阶篇 已经知道了模板对象结构,如何查看可用API。本打印篇将讲解打印相关API及注意事项。 ❞ 源码链接: https://github.com/CcSimple/vue-plugin-hiprint-start 效果如下: 1.前言 首先我们应该清楚两种打印模式: 拖拽生成的html,创建iframe然后调用浏览器提供的printAPI 将生成的html,通过socket.io发送到直接打印客户端再调用electron提供的printA…

2023年3月8日 0条评论 1557点热度 0人点赞 帮助教程 阅读全文

  ❝ 相信你看了 【vue-plugin-hiprint】使用-入门篇 已经知道了如何引入及构建设计器了。本进阶篇教大家如何进一步的构建设计器,包括第二种构建可拖拽元素(provider)、vue3组合式函数、常用API及如何查看可用API等。 ❞ 源码链接: https://github.com/CcSimple/vue-plugin-hiprint-start ▲本篇效果图 1.编写 provider 并 构建 这里将创建两个provider文件,用于演示如何在两个不同容器中去构建可拖拽元素。 1.…

2023年3月7日 0条评论 1965点热度 0人点赞 帮助教程 阅读全文

  ❝ 【vue-plugin-hiprint】[1]默认分支是npm包及demo的融合代码;对于部分新手来说有点难以下手。本篇开始以新的 demo 开始讲述如何开始使用vue-plugin-hiprint。 ❞ demo项目通过create-vue[2]创建。默认 vue3。如果你有哪些不清楚的,欢迎各位留言反馈。demo链接见文末。 1.安装 npm i vue-plugin-hiprint 引入「打印样式」print-lock.css 从node_modules/vue-plugin-hiprint…

2023年3月5日 0条评论 1413点热度 0人点赞 帮助教程 阅读全文

关于 provider 是「可拖拽打印元素」的关键,必须先初始化 可定义多个 「provider」 支持「动态添加」,「动态更新」 首先我们需要理解清楚它的对象格式,例如: export default function (options) { var addElementTypes = function (context) {}; return { addElementTypes: addElementTypes, }; } 看到上述代码,你是否明白了呢? 没明白没关系,往下看 ↓ // 导出一个 functio…

2023年3月3日 0条评论 1080点热度 0人点赞 帮助教程 阅读全文