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

作者站长头像
站长
· 阅读数 22

页面和转图片操作代码是在vue里执行的, 这个页面嵌套在小程序的web-view里。一些比较流行的库, dom-to-image、html2canvas都只能在浏览器里正常运行。跑到小程序web-view里去执行, 转成base64都只能得到data:, 这几个字, 转成blob也是null。求问, 小程序web-view嵌套VUE页面, VUE里如何去写 页面转图片(截图)功能?

回复
1个回答
avatar
test
2024-06-19

Puppeteer了解一下,服务端截图, 我写的一个Demo,代码


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(); //关闭浏览器
});
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容