使用 html2canvas 打印页面

2024-01-02

我正在使用以下命令在我的网络上构建打印页面功能html2canvas.

function printthispage() {

    html2canvas($("#mydiv"), {
        onrendered: function (canvas) {
            var myImage = canvas.toDataURL("image/png");
            var printWindow = window.open(myImage);                        
            printWindow.document.close();
            printWindow.focus();
            printWindow.print();
            printWindow.close();
        }
    });
}

然而窗户立即打开又关闭。我试过删除close(),图像显示在新窗口中,但没有触发打印功能。有什么不对?


试试这个,它会起作用:

html2canvas($("#mydiv"), {
    onrendered: function(canvas) {
        var myImage = canvas.toDataURL("image/png");
        var tWindow = window.open("");
        $(tWindow.document.body)
            .html("<img id='Image' src=" + myImage + " style='width:100%;'></img>")
            .ready(function() {
                tWindow.focus();
                tWindow.print();
            });
    }
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 html2canvas 打印页面 的相关文章

  • 在 ASP.NET MVC 中使用 bootstrap 创建模式

    我在 ASP NET MVC 项目上使用 NET Framework 4 5 Bootstrap v3 3 6 我想做的是创建一个模态表单 我尝试了以下方法 在主布局中创建了一个模态容器 div class modal fade style
  • 在 Cytoscape.js 中为家谱设置边缘样式

    我有一个使用 Django 的家谱应用程序 我正在尝试使用http js cytoscape org http js cytoscape org对于用户界面 我想设置之间的边缘样式浪漫的伴侣像这样 http www eprintableca
  • YouTube - 右键单击​​时不显示上下文菜单

    想法 通过使用右键拖放到视频播放器上来查找 YouTube 视频 例如 每 2 屏幕宽度 1 秒 因此 在 1920x1080 的屏幕上 如果我按下鼠标右键 将其向左拖动 384 像素 20 然后松开 视频应该快退 10 秒 我有一个 Gr
  • 添加数组的总和。显示1个输出

    更新 这个问题的答案如下 感谢在不同线程上进行的 dougtesting 将数组相加 显示总和 https stackoverflow com questions 45724641 add array together display su
  • HTML5 Audio Element 无法在 IOS 11 设备上的 safari 中播放 mp3 直播

    我是一家广播公司的网络开发人员 自 iOS 11 发布以来 我们收到了一些用户投诉 称我们的音频直播流无法再在 IOS 11 设备上播放 为了将流嵌入我们的网站 我们使用 HTML5 AudioElement 在 iOS 11 的 iPho
  • 图像未完整显示在身体背景上

    例子 http jsbin com opokev 20 http jsbin com opokev 20 完整图片 http i53 tinypic com 347a8uu jpg http i53 tinypic com 347a8uu
  • 如何检查字符串中是否存在阿拉伯字符(javascript)

    如何用javascript语言检查字符串中是否存在阿拉伯字符 根据维基百科 http en wikipedia org wiki Basic Multilingual Plane 阿拉伯字符属于 Unicode 范围 0600 06FF 因
  • 为什么 Number.isNaN() 对字符串返回 false?

    据我的理解NaN代表Not A Number Strings不是绝对的Numbers因此我希望下面的代码返回true对于字符串 然而 事实并非如此 console log Number isNaN Stack Overflow 有人可以澄清
  • 当 eslint 从子文件夹运行时无法解析相对模块路径

    当我从存储库的根文件夹运行 eslint 时 一切运行正常 没有错误 但是当我从子文件夹运行时 我会得到大量导入 未解决的问题 而当我从根目录运行时则不会发生这种情况 reporoot subfolder0 subfolder1 MyFil
  • 将 JSON 字符串传递给 Django 模板

    我一直在用头撞墙 试图找出为什么我无法将从 Django 模型生成的 JSON 字符串传递到模板的 javascript 静态文件中 事实证明 问题不在模型级别 使用serializers serialize 在脚本本身中放入相同的字符串将
  • ActiveX 日历控件在 Windows 7 中不起作用

    我们有一个经典的 ASP 应用程序 它使用以下日历对象
  • 在文档流中提取一个元素

    这是示例代码 top background lightGreen content outline 1px solid red bottom background lightBlue div Top div div Lorem ipsum d
  • bootstrap-datetimepicker 仅显示日期

    我正在用这个repo https github com smalot bootstrap datetimepicker由 smalot 提供 我只想选择并显示日期 对于其他一些地方 我显示数据和时间 因此选择此存储库 我可以设法仅使用它来选
  • EaselJS Alpha 遮罩滤镜

    我对 Canvas 还很陌生 我一直在尝试将图像颠倒过来EaselJS Alpha 蒙版 http www createjs com demos easeljs alphamaskreveal示例 以便初始图像清晰 并且您可以paint是模
  • 如何实现 chromecast 对 html5 播放器的支持

    我使用js和html5设计了一个具有一些自定义功能的html5播放器 现在我需要在html5播放器上添加chromecast选项 例如https raw githubusercontent com kim company videojs c
  • 在 Nest.js 中发送之前如何格式化响应?

    我按照文档进行操作 并能够添加用于响应映射的拦截器 我想要一致的 json 格式输出作为响应 我怎样才能用拦截器或其他比这种方法更好的方法来实现这一点 statusCode 201 message Custom Dynamic Messag
  • 是否可以在 html 中将单选按钮标签助手值属性设置为“已选中”?

    我正在寻找一种方法来使用单选按钮标签帮助器上的值属性来通知按钮是否被选中 而不是使用单独的字段进行选择 我找到了 Shyju 的答案相关问题 https stackoverflow com questions 34570908 radio
  • iPad 上的网站纵向视图

    我的网站在 iPad 纵向模式下无法正确显示 它在横向模式下看起来不错 但当我将其转换为纵向模式时 我最终会得到一个混乱的网站 所有元素都分散在整个网站上 我怎样才能解决这个问题 请帮我 这是我网站的链接 inclouds co uk ht
  • 如何选中表格中输入文本焦点上的复选框

    我试图在输入文本焦点上检查表 DOM 中的复选框 但无法访问复选框元素 但我的焦点正在工作 这是我的 jsfiddle 链接https jsfiddle net 9qha9vft https jsfiddle net 9qha9vft 这是
  • 如何使用 jquery 生成并附加随机字符串

    一般性 我想使用 jQuery 或 javascript 将随机字符串附加到元素的属性 规格 我需要引用 CDN 上的 CSS 文件 不幸的是 每次更新该 CSS 文件时 CDN 都会更改该文件的 URL 所以我不能简单地引用静态 URL

随机推荐

  • 无法在 PHP 中使用 exec() 运行 .exe 文件

    我正在尝试使用 exe 文件来执行计算并将输出传递到 PHP 中 我使用 C 制作了一个 Hello World exe 文件 但无法让 PHP 执行它 如果我从 CMD 运行此命令 我会得到正确的输出 C path file exe 但如
  • 如何在等待 AJAX 响应时加载图像?

    我想知道是否可以得到一些指点 我正在尝试使用加载 gif 同时获取 ajax 请求的响应 我遇到的问题是发送电子邮件时不会显示 gif 我已经查看了这里的几页 试图找到解决方案 但似乎都不起作用 这些是我看过的页面 jQuery ajax
  • 在 javascript 中从文本文件中搜索字符串

    我正在使用 Java 脚本创建一个移动词典应用程序 我已将字典源存储在单独的文件中 我的疑问是如何访问该文件并使用 Java 脚本搜索特定字符串 function dic var word document getElementById w
  • 如何捕获并处理“_com_error”?

    我目前有这样的代码 IAcctMaintPtr acct uuidof AcctMaint acct gt GetAccountList q 现在 此代码需要运行外部应用程序 否则在第一个语句之后我会收到一个异常 说明 myapp exe
  • 在 C# 和 DLL 之间传递数组数据(双向)

    我有一些可以编译为 DLL 的 C 代码 在 C 中 我需要将一个整数数组传递给它 并且需要从中获取一个整数数组 这是我到目前为止所拥有的 在 C 中 唯一有效的函数是 bar 它返回 22 并按预期写入文件 其他人正确写入文件 但在控制权
  • WooCommerce - 获取购物车中产品的选定变体

    Hello 任何人请帮我找到解决方案 我的客户有一家批发业务 他不需要 woocommerce 结账功能 他需要购物车中的 woocommerce 功能 但他想要一个 下订单 按钮 而不是结帐 现在 一切正常 正确下订单 订单存储到数据库中
  • java中如何将数据保存到文件中?

    我有一个问题 那就是我有一串数据 我想每次都将其保存到一个单独的文件中 请给我一个建议 谢谢 瓦拉 库马尔 pjd 在文件名中使用时间戳 这样您就可以确保它是唯一的 下面的示例使用以毫秒为单位的时间戳 这在大多数情况下应该足够了 如果您希望
  • 按顺序连接字段 - SQL Server

    我有一个由 5 个整数 id 组成的表 并且想添加一个列来获取这些 id 对它们进行排序并以类似于下面的方式连接它们 id1 id2 id3 id4 id5 new col 364 53 468 184 469 53 184 364 468
  • 如何为自定义指令实现 ng-change

    我有一个带有模板的指令 例如 div div div 我的指令声明为 return templateUrl restrict E require ngModel scope items ngModel ngChange link funct
  • 如何获取程序中特定字符串占用的字节数?

    我使用 BSPlib 我想使用 bsp put 它要求我设置要发送的字符串的大小 即使您不熟悉 BSP 这也不是密切相关的 谢谢 乘以字符数 由下式给出 size or capacity 如果您想通过字符类型的大小了解分配的总量而不是使用的
  • 在matlab中绘制多个系列

    以下命令会产生一些非常奇怪的结果 plotyy 1 3 2 4 3 5 4 6 hold on plotyy 1 3 2 1 4 1 3 5 4 1 6 1 我基本上想在左侧 y 轴上绘制两个不同的系列 在右侧 y 轴上绘制另外两个系列 上
  • 如何使用记录器打印异常?

    我有一种情况 我想使用记录器打印 catch 块中捕获的所有异常 try File file new File C className mkdir fh new FileHandler C className className log l
  • Apache Flink RollingFileAppender

    我正在使用 Apache Flink v1 2 我想切换到滚动文件附加程序 以避免包含几天数据的巨大日志文件 然而它似乎不起作用 我调整了 log4j 配置 log4j properties 如下 log4j appender file o
  • 无法实例化 GcmBroadcastReceiver

    我尝试根据 Google 手册使用 GCM 服务创建测试应用程序https developer android com google gcm client html app https developer android com googl
  • utPLSQL:如何比较两个表?

    假设我有表 1 和表 2 表 2 是表一的更新版本 它可以具有相同或更新的结构 列和数据 我想比较这两个表 gt 使用 all tab cols 比较表结构的示例查询 根据需要添加数据类型和其他比较参数等列 SELECT t1 table
  • 当两个进程写入映射文件的同一部分时会发生什么?

    我正在编写一个 C 程序 它使用mmap系统调用 运行在 Linux 3 12 64 位上 如果我有两个进程映射具有读 写访问权限的磁盘文件的同一区域 然后同时修改两个进程的区域内容 在 msync 之前或之后 一个进程能否看到 读取 另一
  • 从 Spring 的 Rest 控制器同时支持 application/json 和 application/x-www-form-urlencoded

    我正在编写一个 REST 端点 它需要同时支持 application x www form urlencoded 和 application json 作为请求正文 我做了以下配置 RequestMapping method Reques
  • 如何将图例放置在字段集边框之外

    我正疯狂地想弄清楚如何使这项工作发挥作用 我希望图例位于边界之外 我怎样才能在保留图例标签的同时实现这一点 正如您在下面看到的 我尝试使用跨度 但它不起作用 body background color 996600 color black
  • 包结构应该与Java中的目录结构“总是”相同?

    在 Eclipse 中 包结构应该与 Java 中的目录结构相同 我尝试浏览 Oracle Java 文档的正式文档 但没有找到这条规则 此规则是否扩展到其他 IDE 例如 Netbeans 或者这是 Java 语言本身的规则 这条规则有多
  • 使用 html2canvas 打印页面

    我正在使用以下命令在我的网络上构建打印页面功能html2canvas function printthispage html2canvas mydiv onrendered function canvas var myImage canva