Sé que esto se ha preguntado muchas veces, ¡pero el concepto asíncrono/promesa es muy oscuro para mí! Estoy tratando de tomar una captura de pantalla usando html2canvas y una vez que se generan las (o varias) capturas de pantalla, continúe con la función y envíela a través de una solicitud POST.
Esto es lo que he hecho hasta ahora:
async function take_screenshot1() { const screenshotTarget = document.body; const screenshot1 = html2canvas(screenshotTarget).then((canvas) => { const screenshot1 = canvas.toDataURL(); return screenshot1 }); return screenshot1 } var screenshot1 = take_screenshot1()Y
async function take_screenshot() { return new Promise((resolve, reject) => { setTimeout(() => { const screenshotTarget = document.body; var result = html2canvas(screenshotTarget).then((canvas) => { const screenshot1 = canvas.toDataURL(); }); resolve(result); }, 300); }); } var screenshot = await take_screenshot(); console.log(`After await: ${screenshot}`); console.log("I expect to be after the values");Si alguien pudiera darme algún consejo sobre dónde me equivoco, ¡se lo agradecería! ¡Gracias por tu tiempo!
Depende de cómo agrupe sus datos, pero este es un ejemplo simple. Las funciones async devuelven una promesa, por lo que también debe esperarlas.
const { body } = document; async function takeScreenshot() { const screenshot = await html2canvas(body); return screenshot.toDataURL(); } async function main() { const canvas = await takeScreenshot(); body.appendChild(canvas); } main();