博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML转换为PDF
阅读量:4346 次
发布时间:2019-06-07

本文共 861 字,大约阅读时间需要 2 分钟。

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

转载于:https://www.cnblogs.com/yl2581/p/7904080.html

你可能感兴趣的文章
windows 下安装Apache
查看>>
Fedora14 mount出现错误时解决办法【亲测有效】
查看>>
ruby实现生产者和消费者
查看>>
node.js 之 http 架设
查看>>
MongoDB 备份与还原
查看>>
Oracle启动与关闭数据库实例
查看>>
Spring day01
查看>>
hihocoder-1740-替换函数
查看>>
Codeforce Round #219 Div2
查看>>
option value的值可以有空格 再试试吧
查看>>
.htaccess to httpd.conf
查看>>
node.js 基础学习笔记2
查看>>
hadoop中常见元素的解释
查看>>
BZOJ-1497 最大获利
查看>>
4-4 修改文件
查看>>
并发编程(十):AQS
查看>>
条件注释判断浏览器版本<!--[if lt IE 9]>
查看>>
Comparison among several SGD derivation
查看>>
ModelAndView同时向页面传递多个参数
查看>>
samba 配置参数详解
查看>>