js把html输出pdf文件_js 如何把html转成PDF

❶ vue中实现html页面导出word和pdf的办法

1.使用预先写好的与html相似的word文档模板，将用户输入的数据与读取出来的模板结合生成指定名称的docx文件
vue+elementUI导出数据为word文档
2.使用Jquery插件和file-save来生成word文档
vue 前端导出word、excel、pdf

1.使用html2canvas和jsPDF来生成pdf文件
html2canvas生成截图后，用JsPDF转为pdf文件
上面有，这是运用插件截图可能会产生的问题的解决方案
2.调用浏览器的打印方法生成pdf文件
vue 项目导出pdf两种方式

❷ 如何利用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的文属件名，可以使用绝对路径

❸ html的页面怎么转换成pdf

方法步骤如下：

1、首先打开计算机，在计算搭兆机内将PDF文件保存在所建立的文件夹中或者桌面上，此过程中我们需要借助PDF在线转换器，在网络搜索框里搜索关键词“PDF在线转换器”进入在线转换器首页。

❹ html文件怎么转换成pdf文件

把网页转成pdf方法如下：

操作设备：ThinkPad E14。

设备系统：Windows 7。

操作软件：2345浏览器10.16。

1、首先打开网页，在空白处右击。

❺ js 如何把html转成PDF

把html转成PDF：
1.下载HTML2FPDF开源软件，将其放在你的网站根目录文件夹下，比如 /srv/httpd/htdocs/test/；

2.新建1.php文件,1.php中的代码如下：
<?php
require('html2fpdf.php');
$pdf=new HTML2FPDF();
$pdf->AddPage();
// yourfile.html 你要转化的HTML文件
$yourfile_html = "yourfile.html"
// yourfile.pdf 转化成功后的pdf文件名
$yourfile_pdf = "yourfile.pdf"
$fp = fopen($yourfile_html,"r");
$strContent = fread($fp, filesize($yourfile_html));
fclose($fp);
$pdf->WriteHTML($strContent);
$pdf->Output($yourfile_pdf );
echo "PDF 文件成功生成!";
3.将你要转化的yourfile.html文件也放在test目录下，随后在浏览器中访问1.php文件就可以把html文件转化成PDF文件了，
注意事项：1.php，yourfile.html和html2fpdf.php都要在同一目录下

❻ 如何利用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');

❼ 如何将html文件转成pdf 在线转换

可以借助电脑自带的打印功能来将其保存为PDF格式的文件。使用电脑自带的浏览器将该文件打开，然后点击打印按钮，在出现的选项中点击另存为PDF格式文件即可。具体的操作方法如下：

1、在电脑上找到一个HTML文件，点击右键，选择需要的使用的浏览器打开。

❽ 如何使用js将html转换为PDF文件

把html转成PDF：
1.下载HTML2FPDF开源软件，将其放在你的网站根目录文件夹下，比如 /srv/httpd/htdocs/test/；
2.新建1.php文件,1.php中的代码如下：
<?php
require('html2fpdf.php');
$pdf=new HTML2FPDF();
$pdf->AddPage();
// yourfile.html 你要转化的HTML文件
$yourfile_html = "yourfile.html"
// yourfile.pdf 转化成功后的pdf文件名
$yourfile_pdf = "yourfile.pdf"
$fp = fopen($yourfile_html,"r");
$strContent = fread($fp, filesize($yourfile_html));
fclose($fp);
$pdf->WriteHTML($strContent);
$pdf->Output($yourfile_pdf );
echo "PDF 文件成功生成!";
3.将你要转化的yourfile.html文件也放在test目录下，随后在浏览器中访问1.php文件就可以把html文件转化成PDF文件了，
注意事项：1.php，yourfile.html和html2fpdf.php都要在同一目录下

❾ 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文件的方法

导航:首页 > 编程语言 > js把html输出pdf文件

js把html输出pdf文件

与js把html输出pdf文件相关的资料

友情链接