6
html2canvas'ı denedim, ancak beklendiği gibi çalışmadım çünkü Google Haritalar'ı özel işaretleyicilerle kullanıyorum ve bu işaretçiler olmadan haritanın ekran görüntüsünü oluşturacağım. Göründüğü gibi, böyleceGeçerli web sitesinin HTML veya JavaScript'i kullanarak "ekran görüntüsü" oluşturuyor musunuz?
Ben bir ekran görüntüsü yapmak istiyorum:
Ama sonucudur:
grafik de bu büyük görünmüyor. Kullanabileceğim alternatifler var mı? İşte
I (#downloadPDF bir düğmedir) html2canvas kullanarak bir resim oluşturmak için kullanılan kod şudur: barındırma kurulumuna<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);
}
});
});
});
Umarım, CSS bunu yapmaz. Kullanılmakta olan herhangi bir medya sorgusu var mı? Onları kontrol et. –
html2canvas dom kullandığı için, başka bir tuval gibi başka şeyler varsa işe yaramazsa düşünüyorum.Yalnızca istemci tarafı yapabilirsen bilmiyorum belki phantomJS http: // phantomjs gibi bir şey kullanmak zorunda. org/screen-capture.html – FabioCosta
@AfzaalAhmadZeeshan, Ben de Bootstrap kullanıyorum ve birkaç medya sorgusu görüyorum, ancak bu medya sorgularının html2canvas kütüphanesini nasıl etkilediğinden emin değilim. –