React 前端导航

浏览器打印,支持符合正常的小票,票据格式的打印库 Hiprint

浏览器打印,支持符合正常的小票,票据格式的打印库 Hiprint

在前端日常开发过程中,我们所遇到的大部分的需求,都是比较普通和简单的。但是呢,有时候少数需求,还是比较棘手,涉及到的东西比较罕见,陌生。

这里举个例子,浏览器打印,按照正常的情况来说,我们鼠标点击右键,然后点击打印,就可以立马进行打印操作了。

效果如下:

浏览器打印

但是,不出意外的话,肯定要出意外。

要求就是,打印的结果,必须符合正常的小票,票据格式。

这个说实话,我们自己研究,还真 99%搞不定。那怎么办呢?找找有没有第三方方案好了。

所幸的是,笔者上穷碧落下黄泉,九天揽月,下海捉鳖,终于找见了这么一个,好用、免费又强大的打印库,Hiprint。

下面是官方给的 Demo 截图,是不是有那个样子了?是不是你想要的样子?

Hiprint 效果图

接下来,复杂票据格式的打印。

Hiprint 效果图

点击打印按钮,可以看到,打印效果是非常不错的。

Hiprint 效果图

Hiprint 的功能

免费、简单、快速的 JS 打印插件,快速分页预览、打印、转pdf。

Hiprint 具体用法

Hiprint官网

声明:本网站发布的内容(图片、视频和文字)以原创、转载和分享网络内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。邮箱:farmerlzj@163.com。 本站原创内容未经允许不得转载,或转载时需注明出处: 内容转载自: React前端网:https://qianduan.shop/blogs/detail/46

#js#浏览器打印#票据格式打印#转PDF#Hiprint

相关推荐

原型与原型链、继承

原型与原型链、继承简单实现

浏览器中的js事件循环(Event loop)

本文将简述浏览器中的js事件循环机制,帮助我们理解浏览器环境js代码是如何运行的。Javascript的一大特点是单线程,也就意味着同一时间他只能做一件事。事件循环(Event Loop)是为了协调事件,用户交互,UI渲染,网络处理等行为,防止线程阻塞而诞生的。