用js打印 iframe，能控制打印纸张大小？

htmlprint 2019-03-15 12:17:00

用js打印 iframe，能控制打印纸张大小？

...全文

236 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

问题打印A和B两个区域, 高度大于一张A4纸高度, 如何保证两个区域分别铺满在A4纸上 A4纸宽度: 210mm; 高度:297mm; 普通打印: 思路: 打印内容超出一张纸高度时,根据纸张大小,设置打印区域的zoom,按比例缩小打印依赖函数 Print.js,采用iframe绘制并打印 (复制调用即可) /***** iframe打印 * @param dom 打印区域的class, id * @param options.margin 控制页眉页脚, 默认 4

原生JS打印插件之jQuery.EasyPrint.js使用文档调用浏览器自带打印功能，使用JavaScript的 window.print(); 方法。使用JS实现打印功能；JavaScript 实现打印操作；javascript打印大全；通用；js实现打印的方式；JS怎么实现页面打印呢？JavaScript 实现打印,打印预览,打印设置；JS打印和报表输出；原生js打印插件Print.js；js控制分页打印、打印分页示例；js 打印插件；js使用window.print()实现打印功能；代码仅5kb

2、iframe 设置innerHTML 和打印print 一定要有间隔。1、iframe打印一定要注意样式，有些大图片打印会空白。

使用 window.print() 和 iframe.print() 实现html自定义页面打印功能,可自定义申请单、签呈单等，但是页面表格排版和样式需要自己写

一开始用print.js打印包含canvas的dom，后来，查了资料，对print.js修改后，可以很好的解决了问题，但是没有自适应打印纸张。没办法，那就自己改一下吧。基本print.js的基础上将代码进行修改，将需要打印的dom转为图片后，调用print.js将图片进行打印。 import html2canvas from "html2canvas" // 打印类属性、方法定义 /* eslint-disable */ const Print = function (dom, options)

21,887

社区成员

140,363

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章