解决html2canvas 截图不完整缺失问题

useCORS 是 html2canvas 的一个配置选项,它用于处理跨域资源共享(CORS)问题。
当你试图抓取包含跨域资源(例如,从不同的域、协议或端口加载的图片)的网页时,你可能会遇到安全限制问题。在这种情况下,你可以设置 useCORS 为 true 来允许 html2canvas 使用CORS代理来下载图片资源。

const options = {
    backgroundColor: null,
    useCORS: true,
};
html2canvas(canvasBox, options).then((canvas) => {
    const base64 = canvas.toDataURL('image/png');
});
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容