javascript - 为什么 javascript 中的 html2canvas 不支持谷歌地图和图表？

Question

我正在使用 html2canvas 和这个方法做屏幕截图:

 makeScreenshot: function (button) {
        html2canvas(document.body, {
            onrendered: function(canvas) {
                new Ext.Window({
                    title: 'Screenshot',
                    width: 800,
                    height: 600,
                    resizable: true,
                    autoScroll: true,
                    preventBodyReset: true,
                    html: '<img src="' + canvas.toDataURL("image/png") + '" height="800"/>'
                }).show();
            }
        });
    }

获取此屏幕截图(在名为 Screeshot 的图像左侧对话框/窗口中)

正如你所看到的，谷歌地图没有生成，只是圆圈。屏幕截图中也没有图表。怎么了？

Answer 1

map block 是可能无法呈现的图像，因为它们位于不同的域。

来自documentation :

限制

脚本使用的所有图像都需要位于同一源下，以便它能够在没有代理帮助的情况下读取它们。