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

Question

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

Answer 1

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(); //关闭浏览器
});

Answer 2

那为啥不在vue里面转图片？
还是说vue的代码不受你控制？
一般来说遇到这种问题，最好是从业务上解决，不是代码上。