A. js实现的将html转为pdf功能【基于浏览器端插件jsPDF】
本文实例讲述了JS实现的将html转为pdf功能。分享给大家供大家参考，具体如下：
<!DOCTYPE
html>
<html>
<head>
<title>jsPDF插件</title>
<meta
http-equiv="Content-Type"
content="text/html;
charset=utf-8">
<script
src="https://code.jquery.com/jquery-git.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script>
</head>
<body>
<p
class="pdf-wrapper"
="to-pdf">HTML
content...<h1>中文</h1>
中国,汉字,测试:合同
模版
中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国</br>中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国....................<br/>
中国,汉字,测试:合同
模版
...................<br/>
计费
接口
....................<br/>
<img
src='http://www.jb51.net/images/logo.gif'/>
</p>
<script
type="text/javascript">
var
pdf
=
new
jsPDF('p','pt','a4');
pdf.internal.scaleFactor
=
1;
var
options
=
{
pagesplit:
true
};
//$('.pdf-wrapper')
pdf.addHTML(document.body,options,function()
{
pdf.save('web1111.pdf');
});
</script>
</body>
</html>
运行效果：
更多关于JavaScript相关内容可查看本站专题：《JavaScript扩展技巧总结》、《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:jsPDF导出pdf示例jsPDF生成pdf后在网页展示实例使用jspdf生成pdf报表phonegap教程使用jspdf库在应用中生成pdf文件(pdf生成方法)JS导出PDF插件的方法(支持中文、图片使用路径)js插件方式打开pdf文件(浏览器pdf插件分享)用Javascript检查Adobe
PDF插件是否安装的实现代码纯js实现html转pdf的简单实例(推荐)基于Phantomjs生成PDF的实现方法JavaScript+Java实现HTML页面转为PDF文件保存的方法JavaScript代码生成PDF文件的方法
B. 如何用 js 实现在网页里点击按钮 把网页内容另存为pdf格式
直接用js是实现不了的，可以用js调用打印的功能，然后客户端安装了pdf打印（另存pdf）.这个由客户端决定，做网站的人决定不了。
C. 将网页内容转化为PDF的三种方法
大家知道，有一些网页是有时间限制的，过段时间就找不到它们的链接了。这时候如果想把它们存下来那么可以使用PDF的功能，把它们存成文档，以备后来的察看。我在下面根据大家系统软件版本的情况，以及各自的使用习惯，给出三种简单的 方法 ，有需要的朋友可以来看看哦。
将网页内容转化为PDF方法一：word实现法
1这里推荐使用的word版本为word2007或者2010版本。word2003的效果可能跟原来的网页会有差别
2首先，我们拖拽鼠标，选择网页中我能需要保存成文档的内容。右击选择复制
3打开一个新建的word文档命名为“网络一下，你就知道”。右击鼠标，选择保留原格式粘贴
4点击保存按钮。点击文件，打印。在打印机位置选择PDF。点击打印
5在新弹出页面选择保存路径，点击保存即可
6当然，除了第四个步骤这种方法以外，我们也可以右击word文档，选择转化为PDF。我们下了来讲第二种方法
将网页内容转化为PDF方法二：网页转化法
1在打开的网页中，一次点击文件，另存为。总之找到可以保存网页的命令按钮，点击保存网页
2在弹出保存菜单中选择保存类型为“网页，仅HTML”选项，点击保存。
3好了，现在找到我们的网页文件，右击选择转化为Adobe PDF 即可。O(∩_∩)O哈哈~
将网页内容转化为PDF方法三：直接PDF法
如果你现在打开的网页不是使用IE浏览器的话，复制网页地址到IE浏览器打开。我们以网络首页为例
由于现在的IE制作的比较简约，一些工具比如PDF我们都看不到它们了。所以在窗口最上方的空白处右击，把PDF按钮调出来
然后在弹出的窗口IE会问是否允许加载，点击启用
然后我们发现在浏览器右上角出现了两个PDF按钮图标
点击转换按钮，马上我们的页面就转化为PDF格式文档可以保存了。如果点击【选择】按钮的话，我们需要拖拽鼠标选择需要转化的对象或元素，再点击转换按钮完成转换
来看看我们最后转化完成的文档。后一个图是PDF文档的效果
将网页内容转化为PDF的三种方法相关 文章 ：
★ 怎么在网页上将word转成pdf
★ 电脑如何将网页保存为PDF格式
★ word2010转为pdf的两种方法
★ 将word2003转换成pdf格式的方法步骤图
★ 将word转成pdf的两种方法
★ 360浏览器打印网页输出为pdf文件怎么设置
★ 在线将word转化为pdf的两种方法
★ word转成pdf的两种方法
★ word2010中如何转换pdf
var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm..com/hm.js?"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();D. js将网页导出成pdf（js 打印指定div内容）2020-09-02
<input type="button"丛困 id="button" value="点击打印"/>
<div id="div_print">
<渗烂念p>打印此处内容</p>
</div>
<script type="text/javascript">
function printdiv(printpage){
var newstr=document.getElementById(printpage).innerHTML;
var oldstr=document.body.innerHTML;
document.body.innerHTML=newstr;
window.print();
document.body.innerHTML=oldstr;
return false;
}
window.onload=function(){
var bt=document.getElementById("button");
bt.onclick=function(){printdiv('div_print');}
}
</script>
html, body{
overflow:visible;
}
打印历弊时另存为pdf模式打印后的内容可复制 默认为Microsoft Print to PDF 模式
E. nodejs读取pdf并翻转内容保存pdf
nodejs读取pdf并翻转内容保存pdf需以下几个步骤。
1、启动windows命令行工具（windows下启动系统搜索功能，输入cmd回车就出来了）。
2、查看环境变量是否已经自动配置，在命令行工具中输入node-v，如果出现v10字段，则说明成功安装Node.js。
3、在第三步发现输入node-v还是没有出现对应的字段，那么重启电脑即可。
4、打开本项目文件夹，打开命令行工具（windows系统中直接在文件的url地址栏输入cmd就可以打开了），输入npmicnpmnodemon-g。
5、下载puppeteer爬虫包，在完成第五步后，使用cnpmipuppeteer--save命令下载。
6、完成第六步下载后，打开本项目的url.js，将您需要爬虫爬取的网页地址替换上去。
7、在命令行中输入nodemonindex.js即可爬取对应的内容，并且自动输出到当前文件夹下面的index.pdf文件中。
F. javascript 打印网页成pdf文件
通过javascript实现PDF自动打印(2009-05-08 15:06:05)
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
string pdffile = createpdf(false);
iframe1.Attributes.Add("src", pdffile);
}
}
private string createpdf(bool print)
{
try
{
string filename = "Chap0106.pdf";
iTextSharp.text.Document doc = new iTextSharp.text.Document();
PdfWriter writer = iTextSharp.text.pdf.PdfWriter.getInstance(doc, new FileStream(Server.MapPath(filename), FileMode.OpenOrCreate));
doc.Open();
doc.Add(new Paragraph(6, "abcd"));
writer.setViewerPreferences(PdfWriter.HideMenubar | PdfWriter.HideToolbar);
if (print)
{
PdfAction.javaScript("myOnMessage();", writer);
writer.addJavaScript("this.print(true);function myOnMessage(aMessage) {app.alert('Test',2);} var msgHandlerObject = new Object();doc.onWillPrint = myOnMessage;this.hostContainer.messageHandler = msgHandlerObject;");
}
doc.Close();
return filename;
}
catch
{
return "";
}
}
protected void Button1_Click(object sender, EventArgs e)
{
string pdffile = createpdf(true);
iframe1.Attributes.Add("src", pdffile);
}
如题：
<body>
<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" name="PDF1" width="760" height="633" border="0">
<param name="SRC" value="01.pdf"/>
</object>
<script language="JavaScript" type="text/javascript">
PDF1.SetShowToolbar(false);
</script>
</body>
在 pdf 文件里加上这样的属性就可以了
如何也通过类似“PDF1.SetShowToolbar(false); ”控制实现禁止对pdf内容的复制、以及打印！！！谢谢
javascript实现PDF自动打印
网页显示pdf文件，禁止保存和打印
1. 用网页打开 PDF文件。
2. 只可以浏览但是不许打印保存。
结果参照顶楼在jsf里实现如下代码：
//Get response
FacesContext faces = javax.faces.context.FacesContext.getCurrentInstance();
HttpServletResponse response = (HttpServletResponse) faces.getExternalContext().getResponse();
//打开源pdf文件
PdfReader reader = new PdfReader("./HelloWorld.pdf");
Document document = new Document(reader.getPageSizeWithRotation(1));
int n = reader.getNumberOfPages();
ByteArrayOutputStream baos = new ByteArrayOutputStream();
//将原pdf文件中的内容放入字节流baos中
PdfCopy = new PdfCopy(document, baos);
//隐藏工具栏并给pdf加密
.setViewerPreferences(PdfWriter.HideMenubar | PdfWriter.HideToolbar);
.setEncryption(false, null, "pdf", PdfWriter.AllowAssembly);
//往pdf中写入内容
document.open();
for(int i = 1; i <= n; i++) {
PdfImportedPage page = .getImportedPage(reader, i);
.addPage(page);
}
document.close();
//设置响应类型并将pdf流写入响应
response.setContentType("application/pdf");
response.setContentLength(baos.size());
response.setHeader("Expires", "0");
response.setHeader("Cache-Control",
"must-revalidate, post-check=0, pre-check=0");
response.setHeader("Pragma", "public");
ServletOutputStream out = response.getOutputStream();
//将字节流baos中的内容写入响应流
baos.writeTo(out);
out.flush();
faces.responseComplete();
复制代码
以上代码的缺点：
1:加密只能实现打印和修改加密。
2:虽然隐藏了工具栏，但是可以通过快捷键F8来将工具栏显示出来
3:IE菜单栏中自带的保存功能也能将此pdf保存到本地
4:在客户端没有安装pdf阅读器的情况下，浏览器会直接提示用户是否下载，这也是和需求不符的。
最后经过不懈努力，找到了一个用<object></object>曲线救国的路线，哈哈，先来看看如下代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
</head>
<body>
<tr><td>
<p style="margin-top:-45px;margin-bottom:0px;">
<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" id="Pdf1" width="100%" height="100%">
<param name="_Version" value="327680">
<param name="_ExtentX" value="2646">
<param name="_ExtentY" value="1323">
<param name="_StockProps" value="0">
<param name="SRC" value="C:\temp.pdf">
</object>
</p>
</td></tr>
</body>
</html>
复制代码
其中sytle的是用一种比较bt的办法影藏了pdf顶部的工具栏（可以用第一种方法，这个方法作为备用）。
这样即使用ie菜单栏中的保存功能也只是保存网页布局而不会把pdf保存下来。
另外这样即使本地没装pdf阅读器也不会让你下载该pdf了，而只是在相应位置出现叉叉而已。基本能够满足客户的需求了
G. 如何用js生成pdf
1，生成 PDF 这种事情通常由服务器端做
2，浏览器做的话要依赖于插件（ActiveX/Plugin，通常购买第三方的）
3，浏览器预览、打印倒是没问题（要装 PDF viewer，Firefox 自带的 PDF.js 扩展也可以）
4，总结，AngularJS 是浏览器端的，干不来这事儿，也不应该干这事儿，我想你最好换个方向
H. 如何利用js或php将html网页转为pdf
php方法：
首先下载一个TCPDF插件。（直接网络“tcpdf”，官网貌似没法访问了，下面有个sourceforge的可以使用）
然后通过以下步骤即可完成：
1、require_once导入tcpdf.php文件及相关配置信息；
2、实例化TCPDF；
3、设置PDF文档的格式，包括文档信息、页眉、页尾、字体、外间距、图片边框、分页等；
4、导入PDF文档的内容，可以是单行或多行简单字符串，也可以HTML格式的字符串等；
5、输出PDF文档。
以下是demo：
require_once('tcpdf.php');
//实例化
$pdf = new TCPDF('P', 'mm', 'A4', true, 'UTF-8', false);
// 设置文档信息
$pdf->SetCreator('BaiDuZhiDao'); //创建者
$pdf->SetAuthor('AldenC'); //作者
$pdf->SetTitle('Hello World!'); //标题
$pdf->SetSubject('TCPDF Tutorial'); //set subject
$pdf->SetKeywords('TCPDF, PDF, PHP'); //关键词
// 设置页眉和页脚信息
$pdf->SetHeaderData('logo.png', 30, '.com', 'html转pdf范例',
array(0,64,255), array(0,64,128));
$pdf->setFooterData(array(0,64,0), array(0,64,128));
// 设置页眉和页脚字体
$pdf->setHeaderFont(Array('stsongstdlight', '', '10'));
$pdf->setFooterFont(Array('helvetica', '', '8'));
// 设置默认等宽字体
$pdf->SetDefaultMonospacedFont('courier');
// 设置间距
$pdf->SetMargins(15, 27, 15);
$pdf->SetHeaderMargin(5);
$pdf->SetFooterMargin(10);
// 设置分页
$pdf->SetAutoPageBreak(TRUE, 25);
// set image scale factor
$pdf->setImageScale(1.25);
// set default font subsetting mode
$pdf->setFontSubsetting(true);
//设置字体
$pdf->SetFont('stsongstdlight', '', 14);
$pdf->AddPage();
$str1 = 'html转换成pdf的工具，tcpdf~';
$pdf->Write(0,$str1,'', 0, 'L', true, 0, false, false, 0);
//输出PDF
$pdf->Output('t.pdf', 'I');
I. jquery打印自动生成pdf
在客户端扮数判JavaScript生成PDF文件。
创厅改毕隐建您的第一个文档
看examples/basic.html例子。
1
2
3
var doc = new jsPDF();
doc.text(20, 20, 'Hello world.');
doc.save('Test.pdf');
J. 如何利用js或php将html网页转为pdf
首先需要安装wkhtmltopdf这个软件 需要执行shell_exec函数的php文件和安装的wkhtmltopdf.exe可执行文件在同一目录下，不然专php找不到这个执行文件
shell_exec("wkhtmltopdf.exe --page-size A4 --outline 网页地址 pdf文件名");
--page-size 以A4纸的尺寸显示pdf内容
--outline 显示目录(网页中h1,h2来定)
网页地址 需要转成pdf的网页地址
pdf文件名 生成pdf的文属件名，可以使用绝对路径