jquery - Html2canvas - 在phonegap应用程序中捕获谷歌地图到图像

Question

我想捕获带有叠加层的谷歌地图到图像以供将来使用。我刚刚尝试使用 html2canvas，例如

 html2canvas($('#map'), {
                        useCORS: true,
                        onrendered: function(canvas) {
                           document.body.appendChild( canvas );
                        }
 });

这在 Chrome 和 FF 等桌面浏览器上运行良好。然而，在phonegap应用程序中，它只是创建带有 map 缩放按钮等的图像。但是 map 图 block 丢失了。只有 map 控件在那里。

Answer 1

明白了..:)

添加allowTaint:true

html2canvas($('#map'), {
                        useCORS: true,
                        allowTaint:true,
                        onrendered: function(canvas) {
                           document.body.appendChild( canvas );
                        }
 });