Ich habe html2canvas versucht, aber nicht wie erwartet funktioniert, weil ich Google Maps mit benutzerdefinierten Markierungen verwende und wenn es nur einen Screenshot der Karte ohne diese Markierungen macht.Erstellen Sie einen Screenshot der aktuellen Website mit HTML oder JavaScript?
Ich möchte einen Screenshot machen, so dass es wie folgt aussieht:
Aber das Ergebnis ist:
Die Grafik nicht auch, dass gut aussehen. Gibt es Alternativen, die ich nutzen kann? Hier
ist der Code, den ich verwenden, um ein Bild zu erstellen, mit html2canvas (wo #downloadPDF eine Taste):
<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);
}
});
});
});
Hoffentlich tut CSS dass. Werden Medienanfragen verwendet? Überprüfen Sie sie. –
Da html2canvas das dom verwendet, wenn es einige andere Dinge wie ein anderes Canvas gibt, denke ich, dass es nicht funktioniert. Ich weiß nicht, ob Sie es Clientseite exklusiv tun können, vielleicht müssen Sie etwas wie phantomJS http: // phantomjs verwenden. org/screen-capture.html – FabioCosta
@AfzaalAhmadZeeshan, ich benutze auch Bootstrap und ich sehe ein paar Medienabfragen, aber ich bin mir nicht sicher, wie diese Medienabfragen die html2canvas Bibliothek beeinflussen. –