ie8 html js页面打印预览,Print.js javascript库 实现页面打印

本文介绍了如何使用Print.js库在ie8及更高版本中进行页面打印预览,包括HTML元素、图片和JSON数据。通过设置不同参数,如printable、type、header、css等,可以定制打印内容和样式。例如,打印HTML时可以设置`scanStyles: false`和外部CSS文件提高打印速度。此外,还展示了如何添加标题、打印多张图片以及打印JSON数据的方法。
摘要由CSDN通过智能技术生成

您可以从GitHub版本下载最新版本的Print.js

npm 安装

npm install print-js --save

npm安装时将库导入项目

import print from 'print-js'

首先,我们需要在页面上包含Print.js库和样式

下面主要介绍一下我们要用的打印方法printJS();

printJS()将接受一个对象作为参数,下面表格的参数则为该对象的属性,通过控制属性值来控制打印;

参数

默认值

说明

printable:

null

文档来源:pdf或图像的url,html元素的id或json数据的对象

type:

PDF

可打印类型。可用的打印选项包括:pdf,html,image,json和raw-html。

header:

null

用于HTML,Image或JSON打印的可选标头。它将放在页面顶部。此属性将接受文本或原始HTML

headerStyle:

'font-weight:300;'

要应用于标题文本的可选标题样式

maxWidth:

800

最大文档宽度(像素)。根据需要更改此项。在打印HTML,图像或JSON时使用。

css:

null

这允许我们传递一个或多个应该应用于正在打印的html的css文件URL。值可以是包含单个URL的字符串,也可以是包含多个URL的数组。

style:

null

这允许

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值