首页 / JAVASCRIPT / javascript – 打印窗口不打印chrome最新版本的整页

javascript – 打印窗口不打印chrome最新版本的整页

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 打印窗口不打印chrome最新版本的整页，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1457字，纯文字阅读大概需要3分钟。

内容图文

我正在使用HTML5画布开发一个打印工具.通过打开一个新窗口并将页面画布作为图像写入新窗口文档,然后最后打印窗口文档.作为测试,我尝试在chrome最新版本(版本46.0.2490.71)中打印页面(大于100页) )它不打印整个页面.在chrome打印预览窗口中仅显示部分页面,如果我们打印110页文档意味着它只显示24或38页(它随机显示页面).但是整个页面都会添加到新创建的打印窗口中.
我用下面的代码打印页面.

var _printWindow = window.open('');
_printWindow.document.write('<html><BODY>');
_printWindow.document.write('<center>');
for (var i = 1; i <= _totalPages; i++) {
   var canvas = this._printpages(i);
  _printWindow.document.write('<img src="' + canvas.toDataURL() + '"style="border:1px solid;height:"' + _pageHeight + '"px;margin:0px"><br />');
}
_printWindow.document.write('</center></body></html>');
_printWindow.document.close();
_printWindow.print();

解决方法:

在完成< img>的编写后,您将直接调用print().标签.但是,所有这些图像加载(异步)需要时间.因此,当您调用print()时,图像尚未完成加载,有些可能尚未确定其高度,从而导致意外的页数.

要解决此问题,只有在onload事件触发所有图像元素后才应调用print().这是我解决它的方式：

var nImages = _totalPages;
function imageLoaded() {
    if (--nImages === 0) {
        _printWindow.print();
    }
}

// ...snip...

// replace your `for` loop with the following:
for (var i = 1; i <= _totalPages; i++) {
    var img = new Image;
    img.addEventListener('load', imageLoaded);
    img.src = /* get the data URL from the canvas */;

    // here, add in your style properties

    _printWindow.document.body.appendChild(img);
}

内容总结

以上是互联网集市为您收集整理的javascript – 打印窗口不打印chrome最新版本的整页全部内容，希望文章能够帮你解决javascript – 打印窗口不打印chrome最新版本的整页所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/766092.html

来源：【匿名】