react调用打印功能
·
使用jQuery浏览插件可以很方便的进行局部打印，常用的插件有：
1)jquery.print.js 下载地址：https://github.com/DoersGuild/jQuery.print
2)jquery.print-preview.js 下载地址：https://github.com/etimbo/jquery-print-preview-plugin
官网上都有demo可以参考，本次介绍的是另外的一种方式。
使用print.js打印。
安装
1.使用npm安装：
npm install print-js --save
使用yarn安装：
yarn add print-js
引入：
import printJS from 'print-js'
使用
print-js支持的打印格式有四种，pdf，html，json，image。下面简单介绍一下。
1.打印图片
imageUrl为图片的地址，支持放入多个图片，数组的形式；
printJS({printable: [`${imageUrl}`], type: 'image', imageStyle: 'width:80%'});
2.打印pdf
默认的为pdf，所以可以直接打印，不许指定类型；
printJS('/test/manual/test.pdf');
3.打印html：
printable的值为需要打印标签的id。
printJS({
printable: 'test',
type: 'html'
});
4.可以打印数据，通过json的格式，可以设置样式。
更详细的内容可以查看:https://github.com/crabbly/Print.js.
该地址提供的说明也不是特别详细，有兴趣小伙伴或者有特殊需求的小伙伴可以查看一下源码，比较简单。
旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。
更多推荐
4
0- 0
已为社区贡献6条内容
所有评论(0)