如何使用jspdf，html2pdf，pdfmaker，html2canvas以外的javascript库生成pdf？
除了jspdf、html2pdf、pdfmaker和html2canvas之外，还有其他一些JavaScript库可以用来生成PDF文件。以下是其中几个常用的库：
- pdf-lib：pdf-lib是一个功能强大的JavaScript库，用于创建和修改PDF文件。它提供了丰富的API，可以实现添加文本、图像、表格、链接等功能，并支持对现有PDF文件进行编辑。此外，pdf-lib还支持加密、签名和压缩PDF文件等高级功能。
推荐的腾讯云相关产品：无
- jsPDF：jsPDF是一个流行的用于生成PDF文件的JavaScript库。它可以在浏览器中直接使用，无需服务器端支持。jsPDF提供了一系列的API，可以实现添加文本、图像、表格、图形等功能，并支持设置页面大小、方向、边距等参数。
推荐的腾讯云相关产品：无
- Puppeteer：Puppeteer是一个由Google开发的Node.js库，用于控制和操作Headless Chrome浏览器。通过使用Puppeteer，可以模拟用户操作浏览器并生成PDF文件。它支持将网页内容保存为PDF，并提供了丰富的配置选项，如页面大小、方向、边距等。
推荐的腾讯云相关产品：无
- PDFKit：PDFKit是一个用于创建和修改PDF文件的Node.js库。它提供了一组简单易用的API，可以实现添加文本、图像、表格、链接等功能，并支持设置页面大小、方向、边距等参数。PDFKit还支持生成高质量的矢量图形和自定义字体。
推荐的腾讯云相关产品：无
这些库都提供了丰富的功能和灵活的API，可以根据具体需求选择适合的库来生成PDF文件。
相关·内容
我有一个问题，如图像和文本质量不高，而生成的pdf使用这些库jspdf，html2pdf，pdfmaker，html2canvas。所以，我想知道其他更好的Javascript库来生成pdf。
浏览 23提问于2019-01-18得票数 0
1回答
我在javascript和angularjs上有这段代码，用来创建一个可编辑的pdf，从而用户可以在文本字段上输入数据。下载pdf文档，但文本字段不可编辑。以下是代码片段
var opt = {
margin: 0,
filename: name+'doc.pdf',
html2canvas: { scale: 2 },
jsPDF: {
浏览 2提问于2018-12-07得票数 4
我想用 jsPDF.html 要将html页面转换为pdf，我使用以下代码： savePdf () {
var pdf = new jsPDF({unit: 'mm', format: 'a4', orientation: 'portrait' })
pdf.html(document.getElementById('printable-cv'), {
callback: function (pdf) {
pdf.save('cv-a4.pdf');
}
})
} 但是我得
浏览 99提问于2019-01-10得票数 11
回答已采纳
1回答
如何让我的html2pdf呈现整个页面？请参阅示例图像
exportToPDF() {
let data = Object.assign({}, this.$refs);
html2pdf(data.document, {
margin: 1,
filename: "invoice.pdf",
image: { type: "jpeg", quality: 0.98 },
html2canvas: { dpi: 300, letterRend
浏览 9提问于2022-08-23得票数 1
回答已采纳
2回答
我目前需要从HTML或Vue组件创建一个pdf文件。
我尝试过jsPDF、html2pdf、vue-html2pdf，但是看起来这些库使用的是html2canvas，这意味着它在几秒钟内就会出现冻结UI (取决于html2canvas)，并且无法在worker中运行。
因此，我的问题是：如何从html2canvas生成pdf，而不用使用html2canvas或使用web工作者来避免冻结UI
我相信这是可以实现的，因为reactjs有，无需使用画布就可以创建pdf。
浏览 2提问于2021-06-09得票数 2
1回答
在引号中使用变量
、、、
我正在使用来自的html2pdf库
我可以这样定义文件名：
<i>filename: "filename.pdf"</i>
在我的例子中，我必须使用一个固定名称的变量。
<script>
$(function()
{});
function printPDF()
{
var element = document.getElementById("element-to-print");
var opt = {
浏览 1提问于2019-06-23得票数 1
函数html2pdf(element) (生成页面的pdf )运行良好。执行完函数后，我想转到另一个页面。在我添加window.location.href[...]的情况下，页面只是重定向到下一个页面，但是函数html2pdf不再起作用。
<script>
$(function() {});
function printPDF() {
var element = document.getElementById("element-to-print");
var opt = {
margin: 1,
filename: &
浏览 0提问于2019-06-21得票数 0
1回答
我使用Angular 5和html2pdf库来帮助创建pdf文件。
这用于我的Angular方法。
var element = document.getElementById('document');
var opt = {
margin: [10, 0, 10, 0],
filename: `document.pdf`,
image: { type: 'jpeg', quality: 0.98 },
html2canvas: { scale: 2, useCORS: true },
j
浏览 44提问于2018-08-11得票数 5
1回答
不加载服务器的PDF中的CSS
、、、、
我正在使用html2pdf库来生成HTML的PDF。在我的本地机器上，下面的代码运行良好，但是当我在服务器上部署相同的代码时，PDf将生成没有CSS样式的代码。下面是我的密码。请帮我解决这个问题。
window.onload = function () {
document.getElementById("generatePdf").addEventListener("click", () => {
const cvitae = this.document.getElementById("configuratio
浏览 2提问于2021-05-31得票数 1
1回答
我正在尝试将pdf限制为只有一页，有什么方法可以限制它吗？
下面的代码：
function generatePDF() {
// Choose the element that our invoice is rendered in.
const element = document.getElementById("content-certificate");
// Choose the element and save the PDF for our user.
var opt = {
filename: 'sample.pdf',
浏览 1提问于2020-03-05得票数 0
我想把超文本标记语言的内容转换成pdf文件并存储到服务器上，所以我用jspdf - html2pdf函数把超文本标记语言的内容转换成pdf文件。
所以我在angular项目中尝试了一个javascript代码，
var element = this.pdfTable.nativeElement
var opt = {
margin: 0.5,
filename: 'ct-scan.pdf',
enableLinks: false,
pagebreak: { mode: 'avoid-all' },
image:
浏览 300提问于2020-05-07得票数 0
1回答
我需要添加分页，但仍然找不到正常的手册。显示互联网不工作的变体。
$("#create_pdf").click(function () {
$('button').hide();
var element = document.getElementById('element');
html2pdf(element, {
margin: 1,
filename: 'myfile.pdf',
浏览 60提问于2021-05-14得票数 1
4回答
我用的是html2pdf
我可以生成我的发票PDF，但我不希望<div class="div-dont-want-to-display">显示在我的PDF上，我如何做到这一点？
我的Vue.js Component
<template>
<div class="invoice p-3 mb-3" id="mydiv">
<div class="div-dont-want-to-display">
<!-- AND MANY MOR
浏览 0提问于2018-11-28得票数 1
回答已采纳
1回答
我正在SharePoint / JavaScript环境中使用SharePoint。
我一直试图创建多个PDF的一个按钮，但只有第一个PDF将工作，以下的将不会下载，甚至提供一个错误。
读到别人的问题，我看起来好像错过了一个同花顺或者清理了一个参数。其他人都在使用PHP，这让我更难理解他们的解决方案.
我的代码如下：
function PPRToPDF(title) {
var fileName = title + ".pdf";
console.log("PPRToPDF - FileName = " + fileName);
浏览 0提问于2018-05-14得票数 0
经过几个小时的研究，我发现一些导出div到pdf的内容，包括所有样式。根据this页面，vue-html2pdf不能正常工作，所以我使用了html2pdf。它使用ref获取一个div，并将其转换为pdf，同时下载： <div ref="printable">Hello</div>
<button @click="export()">Export to PDF</button export() {
html2pdf(this.$refs.document, {
margin: 1,
浏览 67提问于2020-07-23得票数 2
回答已采纳
1回答
我的图片标签：
<img src="http://codeskulptor-demos.commondatastorage.googleapis.com/GalaxyInvaders/back07.jpg"/>
我的html2pdf代码：
html2pdf(this.$refs.document, {
margin: 0.2,
filename: "invoice.pdf",
pagebreak: {
after: ".sautDePage"
},
image: {
浏览 2提问于2022-03-28得票数 0
我正在试用HTML2PDF javascript。
function createPDF(){
var element = document.getElementById('printMe');
var opt = {
margin: 1,
filename: 'myfile.pdf',
image: { type: 'jpeg', quality: 0.98 },
html2canvas: { scale: 1 },
浏览 9提问于2022-03-03得票数 1
我使用html2pdf将html页面转换为PDF文件并下载。在转换方面一切正常，PDF文件已成功下载，但当单击按钮以生成文件时，用户界面将发生变化(元素的颜色、大小和文本字体如所附标题所示)。
html2pdf脚本：
var opt = {
pagebreak : { after : ['.Card'] },
margin: 1,
filename: 'qrCodes.pdf',
image: { type: 'png
浏览 0提问于2021-11-28得票数 0
3回答
我使用了一些免费的jquery库，如jsPDF和html2pdf，在jquery中将html导出为PDF。但是，它们中没有一个可以正确地用于波斯语。如何在jquery或javascript中导出/转换html为波斯字体的PDF？
请帮帮我!
浏览 56提问于2018-08-11得票数 0
告诉我如何使用html2pdf.js为每个页面添加页脚[工作版本
function test() {
// Get the element.
var element = document.getElementById('the-document');
// Generate the PDF.
html2pdf().from(element).set({
filename: 'test.pdf',
image: {type: 'jpeg',quality: 1.0},
浏览 90提问于2021-06-08得票数 0
嗨，所以我用html2pdf创建了一个函数，它的工作原理很好，pdf是生成的，可以毫无问题地下载它，但是现在我希望函数直接打开文件，而不是打开浏览器弹出打开/保存文件。
函数如下所示：
const download = () => {
const element = document.getElementById("element-to-print");
const opt = {
filename: patientName + "_Report.pdf",
image: { type: "jpeg"
浏览 11提问于2022-06-08得票数 -1
我使用html2canvas来拍摄我的页面截图，并使用jspdf创建图像的pdf格式。现在，我的图像在pdf文档中左对齐，我希望它居中，我如何实现它？
function pdfmaker() {
var element = $("#timesheet");
document.getElementById("message").style.display = "block";
document.getElementById("logo").style.display = "block";
浏览 0提问于2017-04-24得票数 2
2回答
我正在使用html2pdf下载我的网站。下载的PDF有14页长。大约12页后，我可以看到具有颜色的元素不再存在。如果我尝试在手机屏幕上下载PDF，那么从大约6或7页开始下载会更快。不再有颜色，并且缺少一些输入元素。
html2pdf有没有办法处理更大的内容？
这就是我现在的设置
var element = document.getElementById('element-to-print');
var opt = {
margin: 0,
filename: 'myfile.pdf',
image: { type:
浏览 2提问于2018-09-11得票数 0
1回答
我可以用jsPDF打印PDF，但不能使用div作为内容。为此，我现在导入了html2canvas，不幸的是，我不能真正从文档中找出如何使用它。我在互联网上找到了一些说明，但它们对我来说不能正常工作。整个过程都在WordPress中。我得到了各种各样的错误消息，要么是undefiend不是一个函数，要么是它找不到什么东西，或者其他什么。
第一种方法：
function testPDF() {
console.log("testPDF-function works")
html2canvas(document.getElementById('a4')
浏览 49提问于2021-03-08得票数 1
回答已采纳
我想把我的div html转换成包括css样式的pdf。使用jsPDF是可能的，我已经用addHtml成功地做到了这一点，但我想使用html2Canvas或html2Pdf来执行此操作。请告诉我怎么做。请建议我，如果有任何其他方法来执行html到pdf的转换。
浏览 0提问于2017-09-28得票数 1
1回答
我使用这些选项导出html到pdf的html2pdf。
html2pdf(document.getElementById('pm-pdf'), {
margin: 10,
filename: 'PM.pdf',
image: { type: 'jpeg', quality: 0.98 },
html2canvas: { scale: 2, logging: true, dpi: 192, letterRendering: true },
jsPDF:
浏览 4提问于2021-10-26得票数 1
用角度12实现html2pdf，将html页面的部分转换成PDF下载。
控制台错误
索引-7a8b7a1c.js:150个未透亮(承诺) DOMException:未能设置'adoptedStyleSheets‘属性:不允许在多个文档中共享构造的样式表
<section id="toPdfContainer">
<h5 class="card-title">Hello WOrld!</h5>
</section>
<button class="btn btn-primary w-1
浏览 5提问于2021-06-19得票数 3
1回答
我有一个转换的UI/超文本标记语言到pdf的要求，我正在使用jsPDF和html2canvas，我是创建PDF，但在is浏览器它是非常慢，需要近3分钟来创建一个7pdf。 请让我知道是否有任何其他插件可用。 我尝试使用html2pdf()，但图像的顺序不好。 谢谢维诺德。
浏览 7提问于2019-03-08得票数 0
我试图使用将HTML转换成PDF格式，但结果是我得到了一个pdf格式，其中包含一个空白的首页，文档的最后一页被裁剪了一半。如何解决这个问题呢？代码：
document.querySelector('.save-pdf').addEventListener('click', function () {
const elementToPrint = document.getElementById('content');
const opt = {
margin: 0,
filename: &#
浏览 8提问于2020-02-15得票数 4
回答已采纳
我正试图在我的HTML项目中用Django渲染pdf。我使用包形式js，并通过以下链接将html呈现为pdf：。
我的模板：
<div class="container-fluid py-5 bg-light">
<div class="col-xl-10 bg-white" id="pdf_portion">
<p>Lots of staff is in this div. I just skip those unnecessary things in this question.</p&g
浏览 2提问于2021-02-04得票数 1
回答已采纳
我正在做这个项目，我想做一个pdf导出。问题可能是在缩放，我真的需要帮助。
下面是来自html的图片和问题。在html图片上，您可以看到它是如何组织起来的，看起来很好看，但是当html2pdf呈现它并设置它自己的比例时，它就变得不可读，无法被划分。
JS函数：
function pdf() {
var element = document.getElementById('hello');
var opt = {
margin: 1,
filename: 'm
浏览 2提问于2021-01-16得票数 1
回答已采纳
使用html2pdf将html转换为pdf。我需要在pagebreak元素之后添加页边距顶部和边距底部。
这是一个
var element = document.getElementById('element-to-print');
var opt = {
margin: [0, 0, 30, 0], //top, left, buttom, right,
filename: 'my_file.pdf',
image: {type: 'jpeg',quality: 0
浏览 140提问于2020-03-04得票数 0
1回答
我使用html2pdf ( )将表单转换为pdf onclick。表单本身非常复杂，包含4个css/js/html页面。我现在正试着捕捉其中的一页。
这个插件做了我想要的，但是页面大小是错误的，并且缺少一些css。在线表单的末尾看起来像：
生成的pdf的结尾如下所示：
左边距和上边距还可以，右边和底边不合适，整个文本在pdf上有点太大了。也许像代码这样的东西，使整个图像尺寸变小将有助于在一页上恢复所有内容，因为原始文本也较小。此外，正如您所看到的，文本周围的蓝色框架也丢失了。我猜那是css。
我的代码如下所示：
<script type="text/javascript&#
浏览 0提问于2018-03-09得票数 0
当我选择萨博，然后导出，我期望输出pdf屏幕截图显示萨博在html选择字段，但它总是显示的第一个值是沃尔沃。很奇怪。
包版本：
{
"html2canvas": "^1.3.3",
"html2pdf.js": "^0.10.1",
"jspdf": "^2.4.0",
"jspdf-html2canvas": "^1.4.9",
}
<select name="cars" id="cars">
浏览 31提问于2022-11-07得票数 2
回答已采纳
1回答
转换vue.js html到pdf使用html2pdf。这里一切都很好，我只需要在分页后添加填充-顶部和填充-底部元素。
这是我试过的代码。
var element = document.getElementById('inner');
var opt = {
margin: 0,
filename: this.auth_user,
image: {type: 'jpeg',quality: 0.98},
htm
浏览 0提问于2019-09-02得票数 0
我正在使用react，我试图用html2canvas和jspdf制作一个pdf。我想给我现在制作的html2canvas a提供输入。当我试图制作pdf时，我会得到以下错误：
index.ts:36 Uncaught (in promise) Error: Element is not attached to a Document
以下是代码：
const input = (<div><h2>Test</h2></div>);
html2canvas(input).then((canvas)=>{
const imgData = c
浏览 14提问于2021-12-27得票数 0
我正在用html2pdf生成一个pdf，并且我已经设法生成了pdf，但现在我需要将此pdf发送到节点中的服务器或将其直接保存在服务器上的文件夹中，现在pdf被下载到客户端指定的路径中，但我需要在服务器上有一个副本，我已经尝试了输出参数，但没有取得任何效果，这是我当前的代码：
document.addEventListener("DOMContentLoaded", () => {
// Escuchamos el click del botón
const $boton = document.querySelector("#btn
浏览 10提问于2021-02-22得票数 1
我试图在通过onload函数下载文件时生成一个自定义文件名。下面是我的html代码，后面是javascript代码。 <div class="col-md-12 text-right mb-3">
<button class="btn btn-primary" id="download"> download pdf</button>
</div>
<script>
window.onload = function () {
doc
浏览 33提问于2020-12-12得票数 0
Sample image 如何删除pdf文件中多余的空格？我使用的是html2pdf。 有人能帮帮忙吗？ 下面是我的示例代码 var $Obj = $("<div/>").html('<div style="height: 300; width: 400; border: 3px solid #ccc; min-height:500px"><p style="margin-top:20px">Lorem ipsum dolor sit amet, consectetur adipiscing elit
浏览 47提问于2021-04-30得票数 0
2回答
我正在使用html2canvas，但我不知道是否支持SVG。我尝试了以下方法，并在html文档中添加了SVG标记，但该数据不会转换为canvas。图像和CSS被转换。
<head>
<title>jsPDF</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="jquery/jquery-1.7
浏览 1提问于2014-05-16得票数 0
2回答
在2页pdf的第1页获取图像
、、、、
我正在用html2canvas和jsPDF与Angular4创建一个图像。我想把这张图片放在第1页的2页生成的pdf。
但似乎这条线，
doc.save('test.pdf');
需要在htm2canvas()之后的函数中。因为如果我把它放在外面，它将不包括在pdf中的图像。
generatePDF(){
var doc = new jsPDF();
doc.text(50,90,this.problems.length.toString());
doc.text(50,100,'page 1')
doc.add
浏览 2提问于2017-09-18得票数 2
回答已采纳
我在我的React项目中使用 (它使用html2canvas库)。我需要将编辑器的内容导出到使用以下代码的pdf中：
const el = document.getElementById('element-to-print');
const opt = {
margin: 1,
filename: 'myfile.pdf',
pagebreak: { mode: ['avoid-all']},
image: { type: 'jpeg&
浏览 6提问于2020-01-21得票数 0
我在PWA项目中工作，该项目应生成pdf一旦用户输入数据，到目前为止，我使用的是html2pdf库，我可以生产的pdf，但当我试图添加一行页脚其显示不正确。以下是它在pdf上显示的屏幕截图 ? 我用来生成pdf的代码如下 $(document).on("click", "#btnViewVisits", function(){
$.get("http://127.0.0.1:8000/html/progressnotes.html", function(data) {
浏览 20提问于2020-12-31得票数 0
1回答
我是新的角4。我需要下载一个HTML网页的pdf格式和html网页包含角控件，如输入(ngModel)，单选按钮检查。它不是显示控件值，而是在pdf文件中显示未定义的。
我尝试使用jsPdf & html2Pdf，但是它会引发错误
错误：
You need either https://github.com/niklasvh/html2canvas or https://github.com/cburgmer/rasterizeHTML.js
at Object.jsPDFAPI.addHTML (jspdf.debug.js?6964:4049)
TS文件的代码：
impor
浏览 3提问于2017-08-16得票数 3
1回答
我正在调整以生成仅包含div内容的PDF (可以有图像)
我正在尝试HTML和->
这可以帮助和
这是我的代码：
$("#pdfButton").click(function(){
$(".compare_wrapper").clone().appendTo("#printDiv");
var pdf = new jsPDF('l', 'pt', 'a4');
var options = {
pagesplit: true
};
pdf.addHTML($(&#
浏览 4提问于2016-10-12得票数 0
2回答
为了生成pdf格式，它将根据html中的ngFor生成几个页面，为此，我使用了一个按钮，该按钮重定向到使用库将视图打印到pdf的路线，问题是当打印时，在我定义要打印的容器之前会出现一个空格。 ? 下面是来自angular的代码，它将重定向到路由 print(){
this.router.navigate(['control/pdf']); } 这是我的pdf组件 export class PdfComponent implements OnInit, AfterViewInit {
options;
element;
html: html2pdf;
c
浏览 60提问于2020-08-20得票数 2
1回答
我有一个MVC应用程序，利用html2pdf将html转换成一个带有javascript的PDF文档。正在转换的html是带有其徽标图像的客户发票。我们利用Azure Blob存储存储我们的图像。由于Azure blob存储是托管的，所以我们的所有图像都是通过将其位于Azure blob存储中的URL显示出来的。
我已经能够将html转换成pdf格式，但是外部url图像并没有显示在pdf中，只是显示了一个空格。
我收到这个错误：
Access to image at 'https://blob.core.windows.net/images/a5a1032bf7b3b0ae4f70/p
浏览 20提问于2022-05-10得票数 0
1回答
如何从另一个链接创建pdf
、、、、
我想从另一个网站生成pdf，因为这个html页面是不必要的项目。我使用了jspdf，jquery .ajax库，我的代码看起来像这样：
<script src='http://mrrio.github.io/jsPDF/dist/jspdf.debug.js'></script>
<script type="text/javascript" src="http://cdn.rawgit.com/niklasvh/html2canvas/0.5.0-alpha2/dist/html2canva
浏览 1提问于2015-12-04得票数 2
1回答
我正在尝试转换一个html页面为pdf，我有一个透明的png在前面的一个动态添加的画布元素从上传的jpg，当我运行脚本时，它渲染一个pdf，但只渲染jpg图像。我已经尝试了无数次迭代，也尝试了不同的渲染库，如html2canvas等，有人能在我迷惑的时候解释一下吗？ .proof_images {
max-width:960px;
height:679px;
z-index:1;
}
.proof {
position:relative;
margin:0;
padding:0;
width:100%;
height:100%;
z-index:2;
}
<div id="
浏览 15提问于2021-03-26得票数 2
我在使用html2canvas和jsPDF。该代码适用于Chrome和Edge，但不适用于IE11。
第一个img是我想要的，第二个是IE生成的。
代码：
<script type = "text/javascript" src = "https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.min.js" ></script>
<script type="text/javascript" src="https://html2canvas
浏览 16提问于2020-02-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
