求问, 小程序web-view嵌套VUE页面, VUE里如何去写 页面转图片(截图)功能?-灵析社区

大厂球袋

页面和转图片操作代码是在vue里执行的, 这个页面嵌套在小程序的web-view里。 一些比较流行的库, dom-to-image、html2canvas都只能在浏览器里正常运行。 跑到小程序web-view里去执行, 转成base64都只能得到data:, 这几个字, 转成blob也是null。![](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241002/f44a19ffeb9dc694f891c89975abf7c9.png)

阅读量:170

点赞量:0

问AI
Puppeteer了解一下,服务端截图, 我写的一个"Demo" (https://link.segmentfault.com/?enc=4BoqSglSP4ykol13d%2F4U2A%3D%3D.BjJ%2Bk4a1ZBhSHXwBpkiTu1xihnZCa5Z5PGBnTKh8HJ0%3D),"代码" (https://link.segmentfault.com/?enc=KspoAhpDsBSoYB0dA3pILg%3D%3D.OgxmyPHxvsgPK7%2BI%2FjepFZoaZ2vYw8rjpzhQiTSRLA1LFl9kkJ5rJcOJwVJHUDWm73K%2Bjc755WMpWwR%2BFwkRYIEUSsVlD3Kc%2BmSrmTxCItSbHpAWuUkF4ZR0VPqUXP%2FH) const puppeteer = require("puppeteer"); //创建一个无头浏览器 puppeteer.launch().then(async (browser) => { const page = await browser.newPage(); //打开tab页 await page.goto("https://example.com"); //打开页面 await page.screenshot({ path: "example.png" }); //截图 await browser.close(); //关闭浏览器 });