2013-12-15 9 views
8

Sono in grado di prendere screenshot della pagina utilizzando il codice di esempio qui sotto:Come rimuovere determinati elementi prima di scattare screenshot?

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

Ora ci sono alcuni div non voglio essere parte della pagina quando prendo lo screenshot? Come posso impedire che facciano parte dello screenshot.

Un modo che pensavo fosse clonare l'elemento e quindi rimuovere gli elementi, ma fare uno screenshot del clone dà uno schermo bianco. Ecco il codice che ho usato:

html2canvas($(document.body).clone()[0], { 
    onrendered: function(canvas) { 
    document.body.appendChild(canvas); 
    } 
}); 

risposta

22

aggiungere questo attributo: data-html2canvas-ignore a qualsiasi elemento che non vuoi da prendere quando lo screenshot viene elaborato.

Speriamo che questo aiuti il ​​prossimo ragazzo.

+0

oppure è possibile nascondere tali div utilizzando jquer/javascript prima di richiamare la funzione html2canvas, quindi mostrare tra questa funzione. –

+0

paa g funziona per pagine con scorrimento? Sto provando a farlo come ho div che deve essere convertito in tela contiene scroll, ma è solo la conversione di quegli elementi che sono visibili sullo schermo in altre parole sta prendendo screenshot .... c'è un modo per prendere schermata intera pagina ??? –

+0

Ricevo l'intera pagina, non solo l'area visibile. – user566245

Problemi correlati