接下来就是 API 了。 4.2 模板对象的API 看了几张图,我们还没有看到常用 API,如setPaper,zomm,getJson等等,那它应该在哪里呢?管它呢,没找到就先东点西点看看看呗 😄, 当我们点开最后一个`[[Prototype]] 时,你将发现新大陆`: 如上图,我们常用的API好像都在这里了呢。 新大陆已发现,不探索一下,怎么...
本打印篇将讲解打印相关API及注意事项。 源码链接:https://github.com/CcSimple/vue-plugin-hiprint-start 效果如下: 1.前言 首先我们应该清楚两种打印模式: 拖拽生成的html,创建iframe然后调用浏览器提供的printAPI 将生成的html,通过socket.io发送到直接打印客户端再调用electron提供的printAPI...
* 请使用gitee提供的客户端, 同时gitee客户端可传更多的参数, 如是否打印颜色/打印份数/DPI等 * 详情electron见:https://www.electronjs.org/zh/docs/latest/api/web-contents */ print/print2 打印回调 // 浏览器预览打印, 无法监听是否点击了 打印/取消 按钮hiprintTemplate.print(this.printData, {}, {c...
本进阶篇教大家如何进一步的构建设计器,包括第二种构建可拖拽元素(provider)、vue3组合式函数、常用API及如何查看可用API等。 ❞ 源码链接:https://github.com/CcSimple/vue-plugin-hiprint-start ▲本篇效果图 1.编写 provider 并 构建 这里将创建两个provider文件,用于演示如何在两个不同容器中去构建可拖拽...
将生成的html,通过socket.io发送到直接打印客户端再调用electron提供的printAPI 提供的打印 API如下: 浏览器打印: 模板对象:print、printByHtml hiprint对象:print 借助打印客户端: 模板对象:print2、printByHtml2 hiprint对象:print2 其中hiprint对象提供的print、print2适用于多模板打印;模板对象适用于单/多面板打印。
{ coordinateSync: false, field: "background", fit: "", fixed: true, height: 132, left: 0, qid: "background", src: "https://apiimage.zhztmeeting.com/DownloadsFile/20241113160017_3827.png", textType: "image", top: 0, width: 247.5, widthHeightSync: false, }, printElementType: { ...
当打印操作成功时,会执行 success 回调;当打印操作失败时,会执行 error 回调。你可以在这些回调中添加你自己的逻辑来处理成功或失败的情况。 请注意,上述代码和配置选项是基于假设的,具体的 API 和配置选项请参考 vue-plugin-hiprint 的官方文档。如果你在使用过程中遇到任何问题,建议查阅官方文档或寻求社区的帮助。
本文介绍对vue-plugin-hiprint部分重要代码的解析,这是一个很好的开源插件,能够自己自定义打印模板,通过后端传来的数据进行渲染打印,官方也提供了许多的api供开发者使用。界面采用了antdesign。实现了免预览的直接打印。 github:https://github.com/CcSimple/vue-plugin-hiprint ...
* 由于npm包更新到socket.io 3.x版本,官网提供的客户端,npm包是无法连接的 * 请使用gitee提供的客户端, 同时gitee客户端可传更多的参数, 如是否打印颜色/打印份数/DPI等 * 详情electron见:https://www.electronjs.org/zh/docs/latest/api/web-contents */print...
API如下: getHtml 获取预览的Html print 浏览器打印 print2 通过客户端静默打印 toPdf 导出pdf文件 举个例子: // ...已省略其他部分, 重要的就是这个 fieldlet template = {panels:[printElements:[{options:{field:'name'}}]]};let hiprintTemplate = new hiprint.PrintTemplate({ template: template...