我想将我的一些div转换为PDF,我尝试过jsPDF库但没有成功.似乎我无法理解我需要导入什么才能使库工作.我经历过这些例子,但我仍然无法理解.我尝试过以下方法:
<script type="text/javascript" src="js/jspdf.min.js"></script>
在jQuery之后:
$("#html2pdf").on('click', function(){
var doc = new jsPDF();
doc.fromHTML($('body').get(0), 15, 15, {
'width': 170
});
console.log(doc);
});
出于测试目的但我收到:
"Cannot read property '#smdadminbar' of undefined"
#smdadminbar身体的第一个div 在哪里.
我是新手使用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>
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>
最后是外部的样式表:
h1{
color: red;
}
div{
color: red; …我需要获取表行并转换为JSON.
有任何想法吗？我在这里有这个代码,但它不起作用.
function tableToJSON(tableID) {
return $(tableID + " tr").map(function (row) {
return row.descendants().pluck("innerHTML");
}).toJSON();
}
我想将 html 表格下载为 PNG 图像，我找到了一种使用 JQuery 将表格提取为图像的方法，但它在新选项卡中打开并且不会自动下载我必须使用右键单击然后另存为图像才能下载它。
有没有办法让它自动下载？
这是用于导出为 PNG 图像的 JQuery
$('#preview-table').tableExport({type:'png',escape:'false'});