HTML2Canvas-在Phonegap應用程序中捕獲Google Map到圖像

Question

我想用圖像覆蓋疊加的谷歌地圖，以備將來使用。 我剛剛嘗試了html2canvas

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

在chrome和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);

        }
    });
}