HTML转换为便携文档格式

顺晟科技

2021-08-31 11:15:38

162

<html>

<head>

<title><title>

</head>

<body>

<div><buttion id=\'btn_htmlToPdf\'></buttion></div>

<div id="content">

<ul>

<li>Are you going to Scarborough Fair </li>

<li>Are you going to Scarborough Fair </li>

<li>Are you going to Scarborough Fair </li>

<li>Are you going to Scarborough Fair </li>

<li>Are you going to Scarborough Fair </li>

</ul>

</div>

</body>

<script src="js/jspdf.degug.js"></script>

<script src="js/html2canvas.js"></script>

<script src="js/JQuer,min.js"></script>

<script>

$("#btn_htmlToPdf").click(funciton(){

//获取要截取为图片的地方

html2canvas($("#content"),

{

//渲染完成时调用，获取canvas

onrendered:function(canvas){

//从canvas 提取图片资源

var imageData=canvas.toDataURL("image/jpeg");

var doc=new jsPDF("p","mm","a4")

doc.addImage(imageData,\'JPEG\',0,0,210,297);

doc.save(\'content.pdf\')

}

}

)

})

</script>

</html>

上一篇：Nodejs中将超文本标记语言转换成下一篇：js以PDF格式生成和下载HTML页

相关文章

推荐阅读

随机推荐

我们已经准备好了，你呢？

获取网站建设报价

2024我们与您携手共赢，为您的企业形象保驾护航！