angular - Angular dom-to-image 如何连续加载图像?
问题描述
我的 Angular 项目中有以下代码,它生成图像并将其放入 pdf 中。我的问题是有时 node2 在 node1 之前加载。我怎样才能把这个代码放在图片2在图片1之后开始的一行中?
//var pdf;
let pdf = new jsPDF('l', 'px', [842 , 595]);
//picture 1
domtoimage.toPng(node1, { bgcolor: '#fff' })
.then(function(dataUrl) {
img = new Image();
img.src = dataUrl;
newImage1 = img.src;
img.onload = function(){
pdf.addImage(newImage1, 'JPEG', 100, 10, 500, 300);
pdf.addPage();
console.log(1);
};
}).catch(function(error) {
console.log(error)
});
//picture 2
domtoimage.toPng(node2, { bgcolor: '#fff' })
.then(function(dataUrl2) {
img = new Image();
img.src = dataUrl2;
newImage2 = img.src;
img.onload = function(){
pdf.addImage(newImage2, 'JPEG', 100, 10, 500, 300);
pdf.addPage();
console.log(2);
};
}).catch(function(error) {
console.log(error)
});
解决方案
推荐阅读
- html - 为什么在小屏幕上查看时导航选项卡无法垂直对齐?
- php - 如果在特定上下文中,则跳过匹配
- c# - RegKey Setvalue 不适用于不同的 Windows 版本
- c# - 如何将 EF 迁移引入现有成熟项目
- java - 在缓冲图像上绘图时,RGB 颜色会随着包含 alpha 的变化而变化
- autodesk-forge - Forge Viewer v7 中 viewer.isolate() 的外观与 v6 不同,是否可以获得 v6 外观?
- vue.js - 如何将 Vue 组件属性中的值传递到组件的 SCSS?
- excel - 从重复表中提取特定数据
- javascript - lambda 函数中的 AWS kms.generateRandom 不起作用
- android - 在日期选择器(Android)中按年份导航时可以选择超出最大日期