2013-07-22 23 views
5

Ho un problema quando lo schermo di cattura con html2canvas di html2canvas.hertzen.com, quando mi cattura Mappa Google Map nella mia pagina non riesco a vedere mappanon può catturare google map con html2canvas

La mia mappa

La mia cattura

Il mio codice

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

Qualcuno ha un suggerimento? Grazie

risposta

4

i seguenti lavori per me per Chrome e Firefox:

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

dove server.js è https://github.com/niklasvh/html2canvas-proxy-nodejs Ci sono altri proxy disponibili per PHP e Python che non ho ancora provato. Non posso pubblicare entrambi, ma se si usa google "html2canvas proxy" sarete in grado di trovare gli altri se ne avete bisogno.

+0

Uso html2canvas (da html2canvas.hertzen.com) per acquisire lo screenshot. Ho ottenuto questo strano errore in questo modo: Il codice della mia pagina Web è inserito in un host, ad esempio Host A. Se la mia pagina Web contiene un'immagine su un altro host, ad esempio Host B, viene visualizzato questo errore: Caricamento di immagini di origine incrociata negato da Politica di condivisione delle risorse tra origini Tuttavia, la parte confusa è che se Host B è Facebook (la mia immagine è un collegamento diretto a Facebook https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/372701_100000684388457_1551561655_q .jpg) quindi l'errore scompare. – HoangHieu

+0

mia funzione html2canvas ([document.body], { useCORS: true, registrazione: vero, onrendered: function (tela) { document.body.appendChild (tela); var myImage = canvas.toDataURL ("image/png"); window.open (myImage); } Chiunque ha un suggerimento? Tks – HoangHieu

+0

Controlla questo problema nella pagina di rilascio del github html2canvas, dovrebbe aiutarti: https://github.com/ niklasvh/html2canvas/temi/248 – mbailey