vue3 html2canvas 截图，涵盖服务器图片

可以使用以下步骤来实现：

1. 首先，需要将服务器上的图片下载到客户端。可以使用 `fetch` 或 `axios` 等库来实现。

2. 下载完成后，可以将图片转化为 base64 编码的数据，然后将其插入到 HTML 中。

3. 接下来，使用 html2canvas 库来截取整个页面的截图，包括服务器图片。

4. 最后，将截图转化为 base64 编码的数据，或者上传到服务器。

以下是一个简单的示例代码：

import html2canvas from 'html2canvas';
import axios from 'axios';

// 下载服务器图片并插入到 HTML 中
axios.get('/server-image-url').then(response => {
  const img = new Image();
  img.src = `data:image/jpeg;base64,${btoa(response.data)}`;
  document.body.appendChild(img);
});

// 使用 html2canvas 截图
const canvas = await html2canvas(document.body);

// 将截图转化为 base64 编码的数据
const imageData = canvas.toDataURL('image/png');
console.log(imageData);

请注意，由于涉及到跨域问题，需要在服务器端设置 CORS 头部，以允许客户端访问服务器图片。