javascript - 无法使用 ESRI Javascript API 和 html2canvasa 打印 map div

Question

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

有没有人能够弄清楚如何使这项工作发挥作用，如果可以，您能提供一个示例吗？

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

Answer 1

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

来自 html2canvas 文档:

“脚本使用的所有图像都需要驻留在同一源下，以便它能够在没有代理帮助的情况下读取它们。同样，如果页面上有其他 Canvas 元素，这些元素已被污染跨源内容，它们将变脏并且不再可被 html2canvas 读取。”

不过，他们确实有设置代理以获取跨源图像的选项，以及尝试使用 CORS header 加载图像的选项。检查其 documentation 中的“proxy”和“useCORS”选项.