Tengo un bot de discordia de nodeJS que genera un gif y lo devuelve al cliente. Pero quiero usar titiritero para generarlo más rápido usando mi gpu. Para hacer eso, trato de pasar el lienzo generado en la función de evaluación de titiritero, pero dentro de mi función, el lienzo ya no existe.
¿Cómo pasar la función y tener acceso al lienzo en html?
Código:
async useCanvas() { let result = null; if (browser === null) await this.openBrowser(); const ua = "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36"; const page = await browser.newPage(); try { await page.setExtraHTTPHeaders({'Accept-Language': 'en-US,en;q=0.9'}); await page.setUserAgent(ua); await page.setJavaScriptEnabled(true); await page.goto("http://perdu.com"); await page.waitForSelector('body'); await page.exposeFunction("func", async (canvas) => console.log(canvas)) result = await page.evaluate(async () => { const canvas = document.createElement("canvas"); document.body.appendChild(canvas); await func(canvas); }); } catch (e) { console.log(e); } await page.close(); return result; } El registro de la consola muestra {} .
La única forma en que sé cómo hacer que esto funcione es pasar una ruta a un archivo que contiene su función para titiritero. La forma de hacerlo es la siguiente:
Configure un archivo con su función de evaluación:
// evaluate.js window.yourCustomFunction = () => { // your logic here } Agregue una etiqueta de secuencia de comandos a su página y llame a la función dentro de evaluate :
// page.js await page.addScriptTag({ path: 'path/to/your/script/' }); const result = await page.evaluate(() => { return window.yourCustomFunction(); })