主要涉及到的 API 就是hiprint.setConfig 1.查看所有参数 所有参数其实先是挂载到了全局 window 对象下的HIPRINT_CONFIG的。所以我们想要查看只需要拿到window.HIPRINT_CONFIG即可;在浏览器控制台输入HIPRINT_CONFIG: 至于图中的supportOptions那是还没有tabs分组时的遗留产物。如果觉得tabs分组不好,把tabs删除掉,就可以...
源码链接:https://github.com/CcSimple/vue-plugin-hiprint-start 效果如下: 1.前言 首先我们应该清楚两种打印模式: 拖拽生成的html,创建iframe然后调用浏览器提供的printAPI 将生成的html,通过socket.io发送到直接打印客户端再调用electron提供的printAPI
import{ hiprint, defaultElementTypeProvider }from"vue-plugin-hiprint";// 引入后使用示例hiprint.init();// 下列方法都是没有拖拽设计页面的, 相当于代码模式, 使用代码设计页面varhiprintTemplate =newhiprint.PrintTemplate();varpanel = hiprintTemplate.addPrintPanel({width:100,height:130,paperFooter:340,pap...
本进阶篇教大家如何进一步的构建设计器,包括第二种构建可拖拽元素(provider)、vue3组合式函数、常用API及如何查看可用API等。 ❞ 源码链接:https://github.com/CcSimple/vue-plugin-hiprint-start ▲本篇效果图 1.编写 provider 并 构建 这里将创建两个provider文件,用于演示如何在两个不同容器中去构建可拖拽...
源码链接:https://github.com/CcSimple/vue-plugin-hiprint-start 效果如下: 1.前言 首先我们应该清楚两种打印模式: 拖拽生成的html,创建iframe然后调用浏览器提供的printAPI 将生成的html,通过socket.io发送到直接打印客户端再调用electron提供的printAPI
{ hiprint, defaultElementTypeProvider, hiPrintPlugin } from "vue-plugin-hiprint"; import providers from "./providers"; import { requestUrl } from "@/utils/url"; import fontSize from "./font-size.js"; import html2canvas from "html2canvas"; import JSZip from "jszip"; // hiPrintPlugin ...
在上面的代码中,你可以在 Vue.use(VuePluginHiprint, options) 中传入配置选项来配置插件。具体的配置选项取决于 vue-plugin-hiprint 的 API 文档,通常可能包括 API 密钥、服务器地址等。 4. 调用 vue-plugin-hiprint 插件的 API 进行打印操作 在Vue 组件中,你可以通过 this.$hiprint 来访问 vue-plugin-hiprint...
本文介绍对vue-plugin-hiprint部分重要代码的解析,这是一个很好的开源插件,能够自己自定义打印模板,通过后端传来的数据进行渲染打印,官方也提供了许多的api供开发者使用。界面采用了antdesign。实现了免预览的直接打印。 github:https://github.com/CcSimple/vue-plugin-hiprint ...
vue-plugin-hiprint (基于 hiprint 2.5.4) 当时只是为了方便 我(并非 hiprint 原作者) 在vue 项目中引入使用,所以以此命名。此插件 仅仅是一个 JavaScript【工具库】 而非Vue【组件库】,所以它默认不包含 demo 中的那些组件页面(demo 代码可复制使用)。
【vue-plugin-hiprint】使用-进阶篇 相信你看了【vue-plugin-hiprint】使用-入门篇已经知道了如何引入及构建设计器了。本进阶篇教大家如何进一步的构建设计器,包括第二种构建可拖拽元素(provider)、vue3组合式函数、常用API及如何查看可用API等。 源码链接:https://github.com/CcSimple/vue-plugin-hiprint-start...