我是新手使用jsPDF但是对于我的生活我无法获得任何css来应用这个东西!我尝试过内联,内部和外部都无济于事!我在另一篇SO帖子中读到,因为它在技术上将文件打印到文件中,所以我需要一个打印样式表,但这也不起作用.
我有一个非常基本的页面,我只是想让任何CSS使用:JS:
<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>
Run Code Online (Sandbox Code Playgroud)
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>
Run Code Online (Sandbox Code Playgroud)
最后是外部的样式表:
h1{
color: red;
}
div{
color: red; …Run Code Online (Sandbox Code Playgroud) 我有这个js代码:
var doc = new jsPDF();
$('#pdf_new').click(function(){
var html=$(".wrap_all").html();
doc.fromHTML(html,200,200, {
'width': 500,
});
doc.save("Test.pdf");
});
Run Code Online (Sandbox Code Playgroud)
在HTML中我有这样的代码:
<div class = 'wrap_all'>
<div id = 'wrap_odd'> <div id = ''>....</div> </div>
<div id = 'wrap_even'> <div id = ''>....</div> </div>
</div>
Run Code Online (Sandbox Code Playgroud)
什么都行不通......控制台回到我身边:
无法读取
#wrap_odd未定义的属性"
(PS对不起我的英文)
我想保存包含IFrame内容的PDF文件.我使用jsPDF Javascript库.
这是我的代码:
function toPDF(){
var pdf = new jsPDF('p', 'in', 'letter');
// source can be HTML-formatted string, or a reference
// to an actual DOM element from which the text will be scraped.
source = $('#iframeid')[0]
// we support special element handlers. Register them with jQuery-style
// ID selector for either ID or node name. ("#iAmID", "div", "span" etc.)
// There is no support for any other type of selectors
// (class, of compound) at this time.
specialElementHandlers = …Run Code Online (Sandbox Code Playgroud)