通过Jquery将HTML Div转换为PDF

我试图将我的div转换为PDF.

这是我的HTML 代码：

我可以下载它很好,但我想在PDF文件中显示Div浮动：左边与Div Float对齐：右边.

<script lang="javascript" type="text/javascript">


function run()
 {
    var pdf = new jsPDF('p','pt','letter'),source = $('#content')[0],margins = {
        top: 40,bottom: 40,left: 40,right: 40,width: 522
    };

pdf.fromHTML(
        source,margins.left,margins.top,{
        'width': margins.width 
        },function (dispose) {
            pdf.save('Test.pdf');
        },margins
   );
};


</script type = "text/javascript">

<!doctype html>
<html>
<head>
<Meta charset="utf-8">
<title>html2pdf</title>
<body>

<div id="content" style = "width: 100px">
     
            <div id = "name" style="float:right">
				<div id ="rey"> Rey </div>
				<div id ="norbert"> norbert </div>
			</div>
			<div id = "age" style="float:left; width:50px">age</div>

</div>

<div id = "button" style ="margin-top:50px">
<button id="cmd" onclick ="run()">generate PDF</button>
</div>
<script src="C:\Users\besmonte\Desktop\for Practice\jspdf.debug.js"></script>
<script src="C:\Users\besmonte\Desktop\for Practice\jquery.min.js"></script>

</body>
</html>

现在它显示Div在第一行中离开,Div在下一行中显示.请帮忙.

解决方法

正如我在评论中所述,jspdf不支持css.

但我发现这个post有HtmlToCnavas 插件的参考,这可能有所帮助.

通过Jquery将HTML Div转换为PDF

解决方法

相关文章