使用html2canvas.js截取整个页面可能会受到一些限制，例如跨域图片的截取等
warning:
这篇文章距离上次修改已过192天，其中的内容可能已经有所变动。
html2canvas.js 在处理跨域图片时会遇到 CORS (Cross-Origin Resource Sharing) 问题。如果目标图片服务器支持跨域资源共享，并在其响应头中包含了正确的 Access-Control-Allow-Origin 值，html2canvas 就可以正常工作。
如果遇到跨域限制无法截图的问题，可以尝试以下解决方案：
- 确保目标图片服务器支持跨域资源共享（CORS）。
如果你控制图片服务器，确保响应头中包含了如下设置：
Access-Control-Allow-Origin: *或者指定特定的域名允许访问：
Access-Control-Allow-Origin: https://yourdomain.com- 如果你无法修改服务器配置，可以尝试在服务器端设置代理，让请求看起来像是同源的。
- 使用相同域名的图片资源，避免跨域问题。
示例代码：
html2canvas(document.body).then(canvas => {
document.body.appendChild(canvas);
});确保在一个支持 HTML5 的浏览器中运行，并确保页面中所有的图片资源都是同源的或已正确设置 CORS。如果你有权限修改服务器配置，请确保服务器正确设置了 CORS 头部。如果你没有权限修改服务器配置，你可能需要联系服务器管理员来获取支持。
评论已关闭