html2canvas改成同步,html2canvas转为图片异步转同步问题(记录)

描述:最近使用html2canvas插件截取页面上指定dom为图片,然后将生成的图片替换页面上的dom后,将替换后的页面内容保存至数据库,结果保存的是保存前的页面,初步判定是html2canvas的异步执行造成的。

参考了两篇博文:

一、H5 -- (功能)基于html2canvas实现长按网页保存为图片到本地

https://blog.csdn.net/weixin_41076513/article/details/80896399

二、漫谈javascript同步&异步编程的N种方式 - ps:将html2canvas变成同步的解决方案

http://www.cnblogs.com/quenteenfix/p/3556269.html

对html2canvas的使用很有帮助,但遗憾的是最终并没有让我实现接下来的同步执行方法;

于是又发现了下面这篇文章:使用ajax 回调函数返回值 使用Promise完美解决(不是异步)

https://blog.csdn.net/fastjack/article/details/79981261

根据文章所讲,发现html2canvas方法返回的确实是一个Promise对象,也确实可以用返回的promise对象.then()或Promise.all().then()方法实现同步执行;

最终打印的顺序:

f7cd6eadc5706d5c8a265fb2bf3bf332.png

说明确实Promise.all()中的方法在html2canvas后执行,即为同步执行;

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/297645.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

杨辉再发声明:没有及时交流工作进展,深表歉意

全世界只有3.14 % 的人关注了爆炸吧知识pixabay.com编者按加州大学付向东教授实名举报中科院上海神经所杨辉事件在过去一周成为学术界讨论的热点话题。付向东称自己2018年在神经所做学术报告后,杨辉重复其实验却未告知并抢发文章。杨辉7月3日发表声明,称…

z变换公式表_如何使用标准正态分布表?

正态分布这个概念在统计学中很常见,在做与正态分布有关计算的时候经常会用到标准正态分布表。如果知道一个数值的标准分数即z-score,就可以非常便捷地在标准正态分布表中查到该标准分数对应的概率值。任何数值,只要符合正态分布的规律&#x…

.NET 6 中的 ConfigurationManager

.NET 6 中的 ConfigurationManagerIntro.NET 6 为了 Minimal API 引入了一些新东西,其中就包含了一个全新的配置对象 ConfigurationManager这并不是 .NET Framework 里的静态类 ConfigurationManager,而是 .NET Core 里的配置 Microsoft.Extensions.Conf…

60个高质量的CSS、XHTML网页布局模板下载

无论您下载和解剖预建模板是为了学习最新的CSS布局技术,或者下载的目的是为了易于编辑制作现成的独立网站,您都不应该仅限于免费且可用的一个拥有众多克隆版本、陈旧的且往往是枯燥的模板。网页设计的流行趋势和技术总是在千变万化,因此&…

总有人会偷看你的朋友圈

全世界只有3.14 % 的人关注了爆炸吧知识生活中,总是会有人在默默关注着你。你的朋友圈,常常有人来“偷偷”光顾,而这些细枝末节常常被我们忽视。 你不想让关心你的人失望,于是在朋友圈分享优质文章,希望你的快乐…

关于tomcat的使用方法(配置及使用)

前一段时间要做一个音乐播放器,要实现在线下载歌曲功能,这里要用到服务器,我决定使用Tomcat。 1.下载tomcat http://tomcat.apache.org/ 推荐下载7.0 版本(8.0刚出来,据说还有些问题;6.0反正我没搭建好&a…

HTML5中常见的列表标签包括,介绍几个常用的HTML5标签

一、Html的基本结构:网页的文本、图片等信息;二、Head部分:用于表示网页的元数据即描述网页的基本信息其常用标签及属性有:1、title标签:浏览器标签页显示的标题2、meta标签:其常用属性①charset:设置文档的…

正弦波 程序 角度传感器_激光位移传感器的原理及应用领域

激光位移传感器是利用激光技术进行测量的传感器,由激光器、激光检测器和测量电路组成。作为新型测量设备,激光位移传感器能够精确非接触测量被测物体的位置、位移等变化,还可测量位移、厚度、振动、距离、直径等精密的几何测量。目前&#xf…

Dapr牵手.NET学习笔记:状态管理之docker-compose发布

Dapr牵手.NET学习笔记:想入非非的服务调用Dapr牵手.NET学习笔记:跨物理机负载均衡服务调用Dapr牵手.NET学习笔记:用docker-compose部署服务说明:为了给出demo的全貌,这篇有点长,如果有上一篇的基础&#xf…

linux tomcat 启动权限不足解决办法

2019独角兽企业重金招聘Python工程师标准>>> 用命令 chmod 755 文件名 即可 转载于:https://my.oschina.net/pioneeer/blog/10374

她在哭,但我没资格安慰她......​

1 我没资格安慰她......▼2 妈妈的关心总是突如其来▼3 突然就热得离谱了▼4 当贾玲和沈腾开始演起韩剧▼5 有些菜一旦错过就不在▼6 这要不是德高望重的长老还真带不了这样的帽子▼7 连狗都比你会放风筝▼你点的每个赞,我都认真当成了喜欢

指定的文件不是虚拟磁盘 没有快照_vmware workstaiton 15 虚拟机克隆(4)

安装客户机操作系统和应用程序可能要耗费很多时间。通过使用克隆,您可以通过一次安装及配置过程制作很多虚拟机副本。克隆虚拟机比复制虚拟机更简单、更快速。当您需要将多个相同的虚拟机部署到一个组时,克隆功能会非常有用。例如,MIS 部门可…

源码免杀处理的技巧与tips

2019独角兽企业重金招聘Python工程师标准>>> 首先,要了解编译中MAP的利用: 第一步设置VC编译环境生成Map文件。在 VC 中,点击菜单“Project -> Settings”选项页(或按下 AltF7),选择 C/C 选项卡,并在…

广东计算机专业软件排名前十大学,2017年全国计算机专业大学排名一览表

2017年全国计算机专业大学排名一览表计算机科学是一门包含各种各样与计算和信息处理相关主题的系统学科,从抽象的.算法分析、形式化语法等等,到更具体的主题如编程语言、程序设计、软件和硬件等。下面是小编收集的全国计算机专业大学排名一览表&#xff…

C# 通过正则表达式来限制控件输入有效性

,界面上允许用户输入的控件,大多是有一定限定的,比如电话号码,只允许11的数字,比如一些算法参数有取值范围限定,比如只允许[1,255]等,这种情况如果等用户输入运行后再在后台验证数据的有效性&am…

C# Winform编程之Button

参考了这篇文章: http://www.cnblogs.com/qianlifeng/archive/2010/04/13/1710869.html 我的代码: JButton.cs using System; using System.Collections.Generic; using System.ComponentModel; using System.Drawing; using System.Data; using System.…

电热水器和插座之间的相亲故事

2019独角兽企业重金招聘Python工程师标准>>> 回到武汉,租房,然后发现原来的热水器不出水。让房产公司派师傅过来修理,终究还是放弃治疗了。不久,安装了一个新的电热水器。 我喜出望外,等了两个周&#xff0…

mysql in优化_MySQL 探秘: 1 整体架构

新开坑,计划做一系列专辑。由于 MySQL 源码太庞大,不可能面面俱到,先从丁奇《MySQL 实战 45 讲》[1] 案例开始入手,case by case 来做分享。同时强烈推荐丁奇的课,真的是受益匪浅,感谢感谢~~最新版本己经是…

清华姚班/智班2020级新生来了!中国奥数新晋“一姐”在列,湖南、湖北人数最多...

全世界只有3.14 % 的人关注了爆炸吧知识乾明 金磊 发自 凹非寺量子位 报道 | 公众号 QbitAI清华姚班/智班,又双叒叕纳一批英才。根据教育部公示的保送生拟录取名单的信息,清华大学姚班/智班2020年已拟定录取31名应届生,他们都是来自各省的顶级…

成长 | 《大厂晋升指南》学习总结(下)

【学习总结】| Edison Zhou上一篇总结了面评技巧和学习方法部分,本篇总结做事方法和转向提升部分。温馨提示:文中的贴图均来自极客时间《大厂晋升指南》课程。1做事方法概要关于做事能力,有三条业界达成共识的判断标准,分别是闭环…