Question

我想用图片覆盖谷歌地图以备将来使用。我刚试过html2canvas，比如

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

这适用于桌面浏览器，例如chrome＆amp; FF。但是在phonegap应用程序中，它只是使用地图缩放按钮等创建图像。但是缺少地图图块。只有地图控件就在那里。

Answer 1

得到了.. :)）

添加allowTaint:true

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

Answer 2

这是我用过的功能：

function convertasbinaryimage() {
    html2canvas(document.getElementById("map"), {
        useCORS: true,

        onrendered: function (canvas) {

            var img = canvas.toDataURL("image/png");

            img = img.replace('data:image/png;base64,', '');

            var finalImageSrc = 'data:image/png;base64,' + img;

            $('#googlemapbinary').attr('src', finalImageSrc);

        }
    });
}

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

2 个答案: