2013-07-22 104 views
5

我有當html2canvas.hertzen.com的html2canvas,當我捕捉到谷歌地圖在我的網頁地圖捕獲屏幕我看不到地圖無法捕捉到谷歌地圖html2canvas

我的地圖

問題

我捕捉

我的代碼

html2canvas(document.body, { 
    onrendered: function(canvas) { 
     document.body.appendChild(canvas); 
    } 
}); 

任何人都有小費?由於

回答

4

以下工作對我來說Chrome和Firefox:

html2canvas(document.body, { 
     proxy: "server.js", 
     useCORS: true, 
     onrendered: function(canvas) { 
     document.body.appendChild(canvas); 
     } 
    }); 

其中server.js是https://github.com/niklasvh/html2canvas-proxy-nodejs 有,我還沒有嘗試過其他可用的代理服務器的PHP和Python。我不能發佈兩者,但如果你谷歌「html2canvas代理」,你將能夠找到其他人,如果你需要他們。

+0

我使用html2canvas(來自html2canvas.hertzen.com)來截取截圖。我得到了這樣一個奇怪的錯誤:我的網頁代碼放在一臺主機上,說主機A.如果我的網頁包含另一臺主機上的圖像,說主機B,然後我打這個錯誤:交叉原始圖像加載被拒絕跨源資源共享政策 但是,令人困惑的部分是,如果主機B是臉譜(我的圖像是直接鏈接到臉譜網https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/372701_100000684388457_1551561655_q .jpg),那麼錯誤消失。 – HoangHieu

+0

My功能 html2canvas([document.body的],{ useCORS:真, 日誌記錄:真, onrendered:功能(帆布){ document.body.appendChild(畫布); VAR MYIMAGE = canvas.toDataURL( 「image/png」); window.open(myImage); } 任何人都有小費?Tks – HoangHieu

+0

查看html2canvas github問題頁面上的這個問題,它應該會幫助你:https://github.com/ niklasvh/html2canvas /問題/ 248 – mbailey