Ho provato html2canvas, ma non ho funzionato come previsto, perché sto usando Google Maps con marcatori personalizzati e quando effettuerò solo uno screenshot della mappa senza questi indicatori.Creazione di uno "screenshot" del sito Web corrente utilizzando HTML o JavaScript?
voglio fare uno screenshot in modo che assomiglia a:
Ma il risultato è:
Il grafico fa anche non guardare quel grande. Ci sono delle alternative che posso usare?
Ecco il codice che ho usato per creare un'immagine utilizzando html2canvas (dove #downloadPDF un pulsante):
<script type="text/javascript">
jQuery(document).ready(function ($) {
$('#downloadPDF').click(function() {
html2canvas($(".map"), {
logging: true,
useCORS: true,
onrendered: function (canvas) {
var imgData = canvas.toDataURL('image/png');
window.open(imgData);
}
});
});
});
Speriamo che CSS lo faccia. Sono state utilizzate query multimediali? Controllali. –
Dato che html2canvas usa il dom, se ci sono altre cose come un'altra tela penso che potrebbe non funzionare. Non so se si può fare solo lato client, forse si deve usare qualcosa come phantomJS http: // phantomjs. org/screen-capture.html – FabioCosta
@AfzaalAhmadZeeshan, sto utilizzando anche Bootstrap e vedo alcune query multimediali, ma non sono sicuro di come queste query multimediali influenzino la libreria html2canvas. –