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()方法实现同步执行；

最终打印的顺序：

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

html2canvas改成同步,html2canvas转为图片异步转同步问题（记录）相关推荐

halcon把图片改成单一通道_图片的通道转换
图片是存储信息的载体.在图像处理(机器视觉)中图片并不是连续的,而是离散的数据点,本质其实就是一个网格,而网格上的每一个点对应着一个或者多个值,该值范围一般是0-255(跟实际存储位数有关,该出只考虑 ...
怎么把html转换成jpg6,html转为图片(六)：xhtmlrenderer
引入依赖包org.xhtmlrenderercore-rendererR8 不支持css,js 案例:public class Xhtmlrenderer { private String input ...
什么是同步？什么是异步？
什么是同步?什么是异步? 同步就是比如你上学没钱了.想让父母转钱给你.期间你一直打电话.但是电话都是打不通.打了一天电话都打不通.就是说你这一天除了打电话之外,没有做其他事情这就是同步. 异步就是比如 ...
html2canvas页面转为图片遇到的坑：文字叠加到一起
项目场景: PC项目中,点击按钮,由页面转成海报功能,利用html2canvas将dom元素转成图片,然后可以进行右键图片另存为,还可以进行手动点击下载海报问题描述页面正常展示,当html2can ...
设计图片转为html css,html2canvas 将代码转为图片_html/css_WEB-ITnose
最近,我通过众成翻译学习和翻译了一系列优秀的文章,许多文章都值得向大家推荐.但是,好的技术文章通常都有大段的代码.一般情况下,这并没有什么问题,因为不论是众成翻译.我的博客或者是其他转载技术类文章 ...
将html保存为图片,html2canvas 将html代码转为图片并保存下来
html2canvas 将html代码转为图片并保存下来发布时间:2018-05-22 10:15, 浏览次数:421 , 标签: html canvas 只是测试了下,在谷歌和360上都可以,但 ...
fla转为html canvas,使用html2canvas将html转为图片
使用html2canvas将html转为图片,网上找的解决清晰度问题大多存在最后生成的图片错位或者偏移问题. 布局html,其中#img-dom为待转换的html内容,.banner-canvas为输 ...
为什么html转为word之后图片,html网页转换成word文档，转换成功，并且可以保存图片，但是总是为web版式的格式，怎么改成“页面”格式，多谢...
html网页转换成word文档,转换成功,并且可以保存图片,但是总是为"web版式"的格式,怎么改成"页面"格式,多谢 html网页转换成word文档,转换成功 ...
使用html2Canvas将页面转化为canvas图片，最后长按保存到本地，史上最全 html2canvas 使用踏坑之旅，没有之一
最近工作中遇到一个需求,类似这样点击商品二维码,生成一张带有商品图片.标题.描述.二维码等信息的图片,用户长按进行保存. 在使用html2canvas进行项目开发的时候,遇到很多的问题,主要为一下方 ...

html2canvas改成同步,html2canvas转为图片异步转同步问题（记录）

html2canvas改成同步,html2canvas转为图片异步转同步问题（记录）相关推荐

最新文章

热门文章