31
jsPDF'yi kullanmakta yeniyim ama hayatım boyunca bu şeye uygulamak için css alamıyorum! Satır içi, dahili ve harici hiç boşuna denedim! Başka bir SO postunda okuduğumda, teknik olarak bir şeyleri bir dosyaya yazdırdığımdan, bir baskı stili sayfasına ihtiyacım var ve bu da işe yaramadı. JS:jsPDF işe yarayacak herhangi bir stil alamıyor
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="jspdf.js"></script>
<script type="text/javascript" src="./libs/FileSaver.js/FileSaver.js"></script>
<script type="text/javascript" src="./libs/Blob.js/BlobBuilder.js"></script>
<script type="text/javascript" src="jspdf.plugin.standard_fonts_metrics.js"></script>
<script type="text/javascript" src="jspdf.plugin.split_text_to_size.js"></script>
<script type="text/javascript" src="jspdf.plugin.from_html.js"></script>
<script>
$(document).ready(function(){
$('#dl').click(function(){
var specialElementHandlers = {
'#editor': function(element, renderer){
return true;
}
};
var doc = new jsPDF('landscape');
doc.fromHTML($('body').get(0), 15, 15, {'width': 170, 'elementHandlers': specialElementHandlers});
doc.output('save');
});
});
</script>
HTML:
<body>
<div id="dl">Download Maybe?</div>
<div id="testcase">
<h1>
We support special element handlers. Register them with jQuery-style
</h1>
</div>
</body>
Ve nihayet stil dış olduğunu
ben sadece çalışmak için herhangi bir CSS almaya çalışıyorum çok temel bir sayfam var :h1{
color: red;
}
div{
color: red;
}
Eminim her şey doğru şekilde dahil ediliyor ve o hataları, tüm bunları zaten kontrol etti. CSS'nin işe yaraması için aramam gereken bazı ekstra işlevler var mı? Bilmeme izin ver lütfen! Çok teşekkürler! Sahip olabileceğiniz diğer ipuçları da takdir edilmektedir!
DÜZENLEME:
<html>
<head>
<link rel="stylesheet" href="print.css" type="text/css" media="print"/>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="jspdf.js"></script>
<script type="text/javascript" src="./libs/FileSaver.js/FileSaver.js"></script>
<script type="text/javascript" src="./libs/Blob.js/BlobBuilder.js"></script>
<script type="text/javascript" src="jspdf.plugin.standard_fonts_metrics.js"></script>
<script type="text/javascript" src="jspdf.plugin.split_text_to_size.js"></script>
<script type="text/javascript" src="jspdf.plugin.from_html.js"></script>
<script>
$(document).ready(function(){
$('#dl').click(function(){
var specialElementHandlers = {
'#editor': function(element, renderer){
return true;
}
};
var doc = new jsPDF('landscape');
doc.fromHTML($('body').get(0), 15, 15, {'width': 170, 'elementHandlers': specialElementHandlers});
doc.output('save');
});
});
</script>
</head>
<body>
<div id="dl">Download Maybe?</div>
<div id="testcase">
<h1>
We support special element handlers. Register them with jQuery-style
</h1>
</div>
</body>
</html>
Konsolunuzda herhangi bir hata var mı? Yani. - Tüm kaynaklarınız doğru yükleniyor mu? . Sormamın nedeni, geliştirici ortamımda: "//ajax.googleapis.com", "h t t p: //ajax.googleapis.com" un bulunmadığı yerde sorun yaratıyor. Bu noktaya gelince: bana gelişim yığınınla ilgili daha fazlasını söyleyebilir misin? sayfalar WAMP, MAMP, RoRails, Node nasıl işleniyor? Bunlardan herhangi birinin çok önemli olduğundan emin değil, ama kim bilir - Bu sorunun yanıtlanmasını görmek isterim. – sdailey
Her şey yükleniyor, Sadece basit bir .html dosyası, – samuraiseoul
Sanırım tüm kodunuza ihtiyacımız var, ya da belki bir yere yükleyebilirsiniz? Çünkü sağladığınız kodu kullandığımdan, stil iyi çalışıyor. – Jarno