无法使用 ESRI Javascript API 和 html2canvasa 打印地图 div

Question

我无法让 html2canvas 与 ESRI Javascript API 接口一起工作。它将正确打印页面上显示的所有内容，但地图内容除外。

有没有人能够弄清楚如何进行这项工作，如果可以，您能提供一个例子吗？

如果您无法完成这项工作，您使用什么解决方案来创建整个页面的屏幕截图，以便您的用户正确打印出他们正在查看的内容？

Answer 1

在不了解您的具体用例的情况下，我猜该地图是由托管在与您的站点不同的域上的图像组成的。因此，html2canvas 很可能会遇到same origin policy 并且无法读取这些图像。

来自 html2canvas 文档：

“脚本使用的所有图像都需要位于同一个源下，这样它才能在没有代理帮助的情况下读取它们。类似地，如果页面上有其他画布元素，这些元素已经被跨域内容，它们会变脏，不再被 html2canvas 读取。”

他们确实有设置代理以获取跨域图像的选项，以及尝试加载带有 CORS 标头的图像的选项。检查documentation 中的“proxy”和“useCORS”选项。