Javascript 如何在网页中获取跨域图像的截图?

Javascript 如何在网页中获取跨域图像的截图?,javascript,cross-domain,html2canvas,Javascript,Cross Domain,Html2canvas,我正在使用html2canvas.js直接在用户浏览器上拍摄网页的“截图”。但我发现使用跨域引用并不能获取图像。 此外,我也无法在服务器上设置跨域权限 那么我如何才能做到这一点呢?html2canvas团队没有很好的文档。因此,我必须进行大量的研发才能得出这个解决方案,因此,为了其他人的利益,我在这里分享这些细节 插件接受一个参数作为一个对象,它希望该对象有一个属性“proxy”。您需要在此处指定代理服务/模块的名称(带有相对路径) 使用此值,插件将形成如下URL: 当插件尝试使用新创建的URL

我正在使用html2canvas.js直接在用户浏览器上拍摄网页的“截图”。但我发现使用跨域引用并不能获取图像。 此外,我也无法在服务器上设置跨域权限


那么我如何才能做到这一点呢?

html2canvas团队没有很好的文档。因此,我必须进行大量的研发才能得出这个解决方案,因此,为了其他人的利益,我在这里分享这些细节

  • 插件接受一个参数作为一个对象,它希望该对象有一个属性“proxy”。您需要在此处指定代理服务/模块的名称(带有相对路径)

  • 使用此值,插件将形成如下URL:

  • 当插件尝试使用新创建的URL访问此代理时,它希望数据具有JSONP格式的图像的base 64值。例如,见下文:

    html2canvas_0(“数据:image/png;base64,r0lgodlhqawamqaakioqicaglkysm1tbwnjy8bgxpsulhd3d9nz2epj48/Pz7y8vJ6enoqKillZWY6Nje3t7Q”)

  • 注意:
    html2canvas\u 0
    是URL中“
    回调
    ”参数的值