html2canvas 生成图片显示图片跨域

HTML2Canvas是一个JavaScript库，它能够将HTML页面转换成图片。当你需要将网页内容导出为图片时，它非常有用，比如生成PDF或截图分享。然而，当涉及到跨域图片时，由于浏览器的同源策略（Same-Origin Policy），可能会遇到一些限制。

通常，如果图片来自不同域名，浏览器出于安全考虑不会允许直接访问其内容并将其渲染到canvas上。这是因为原始HTML文档和生成的canvas图片不在同一个源下，这被称为跨域请求。

解决跨域图片显示的问题有几种方法：

1. **服务器代理**：通过设置服务器端代理，可以将其他域名的图片临时存储在一个你可以控制的域中，然后返回给HTML2Canvas处理。

2. **JSONP**：对于GET请求，你可以尝试使用JSONP（JSON with Padding）作为工作绕过。但这只适用于获取数据，而不是直接获取图像。

3. **CORS**（Cross-Origin Resource Sharing）：如果服务提供方支持CORS，可以在他们的服务器配置中添加对你的域名的访问权限。

4. **使用第三方库**：有一些专门处理跨域图片的库，如`html2canvas-image-loader`，它们会在加载图片时做一些额外的工作来避免跨域问题。