怎么让js打印的时候不会乱掉

sinat_37552373 2017-12-19 11:45:31

在不同的浏览器中，打印出来的效果不一样，要从新设置边距，有没有可以实现一个div打印一页张，不论div多大的那种，

...全文

260 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

#麻辣小龙虾# 2017-12-19

打赏
举报

回复

你可以看下这个 http://blog.csdn.net/codingnoob/article/details/78829170

博客介绍了使用print.js进行PDF打印操作的方法，需在需要打印的页面引入相关代码，且要在ref为prescription的外边包一层div才能预览。同时指出预览时可能出现样式乱掉的问题，分析原因后给出解决办法，即把页面样式写成行内式。

本文介绍了一种通过将网页内容转换为图片再进行打印的方法，有效避免了页面布局混乱的问题。该方法利用html2canvas和jQuery.print.js库，将指定DOM元素转化为高分辨率的图片，再调用打印功能。需要注意的是，打印内容中不能包含背景图片，且图片资源需在同一域内。

本文介绍如何利用require.js进行资源异步加载，并通过设置延迟确保正确的加载顺序。通过示例展示了如何加载jQuery及其插件，并实现元素排序及打印功能。

web-print-pdf是一款专为前端设计的开箱即用打印与PDF生成npm库，支持HTML转PDF、URL转PDF、静默打印、自定义页眉页脚及水印，并完美兼容Vue/React/Angular等框架。其基于稳定渲染内核，解决样式错乱、跨页截断、分页异常等常见痛点，适用于报表、合同、发票等高频PDF生成场景。

文章讲述了作者在网站改版后，如何通过编写JavaScript脚本来自动读取txt文本中的代码，解析img标签，合并小图成长图，并解决HTML渲染中出现的问题，以提高工作效率的过程。

87,990

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章