通过Jquery将HTML Div转换为PDF

Question

通过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">

Run Code Online (Sandbox Code Playgroud)

<!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>

Run Code Online (Sandbox Code Playgroud)

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

Answer 1

Max*_*ich 0

正如我在评论中所说，jspdf 不支持 css。

但我发现这篇文章有 HtmlToCnavas插件的参考，可以提供帮助。

归档时间：	10 年，4 月前
查看次数：	27574 次
最近记录：	9 年，2 月前