Skip to main content
removeu 256 caracteres do conteúdo
Fonte Link
Bruno
  • 1,4mil
  • 12
  • 37

Estou a gerar o meu html em PDF com JsPDF. O meu html é maior do que uma folha A4. Para resolver o problema preciso de criar paginação em Jspdf.

Para criar essa paginação preciso de usar o pagesplit.

Código que tenho que só gera pdf com uma página:

window.html2canvas = html2canvas; 

function demoFromHTML() { 

const html_source = document.getElementById('employee_detail'); // O id do elemento que contém o Html que quer imprimir. 
const filename = 'Test.pdf';
 
var options = {
pagesplit: true
};
 
 
html2canvas(html_source).then(function(canvas) { 
let imgData = canvas.toDataURL('image/png'); 

let pdf = new jsPDF('p', 'mm', 'a4'); // Essas demissões [297, 210] correspondem a um A4 

// addImage(imageData, format, x, y, width, height, alias, compression, rotation) 
// x: Coordenada (em unidades declaradas no início do documento PDF) contra a borda esquerda da página 
// y: Coordenada (em unidades declaradas no início do documento PDF) contra a borda superior da página 
pdf.addHTML($("#employee_detail"), options, function()
{
pdf.addImage(imgData, 'PNG', 10, 10);
pdf.save(filename);
})
}) 

}

Mas recebo os seguintes erros:Para criar essa paginação preciso de usar o pagesplit, mas não estou a conseguir gerar pdf com mais de uma página.

0ms html2canvas: onrendered option is deprecated, html2canvas returns a Promise with the canvas as the value

Uncaught (in promise) Provided element is not within a Document

Estou a gerar o meu html em PDF com JsPDF. O meu html é maior do que uma folha A4. Para resolver o problema preciso de criar paginação em Jspdf.

Para criar essa paginação preciso de usar o pagesplit.

Código:

window.html2canvas = html2canvas; 

function demoFromHTML() { 

const html_source = document.getElementById('employee_detail'); // O id do elemento que contém o Html que quer imprimir. 
const filename = 'Test.pdf';
 
var options = {
pagesplit: true
};
 
 
html2canvas(html_source).then(function(canvas) { 
let imgData = canvas.toDataURL('image/png'); 

let pdf = new jsPDF('p', 'mm', 'a4'); // Essas demissões [297, 210] correspondem a um A4 

// addImage(imageData, format, x, y, width, height, alias, compression, rotation) 
// x: Coordenada (em unidades declaradas no início do documento PDF) contra a borda esquerda da página 
// y: Coordenada (em unidades declaradas no início do documento PDF) contra a borda superior da página 
pdf.addHTML($("#employee_detail"), options, function()
{
pdf.addImage(imgData, 'PNG', 10, 10);
pdf.save(filename);
})
}) 

}

Mas recebo os seguintes erros:

0ms html2canvas: onrendered option is deprecated, html2canvas returns a Promise with the canvas as the value

Uncaught (in promise) Provided element is not within a Document

Estou a gerar o meu html em PDF com JsPDF. O meu html é maior do que uma folha A4. Para resolver o problema preciso de criar paginação em Jspdf.

Código que tenho que só gera pdf com uma página:

window.html2canvas = html2canvas; 

function demoFromHTML() { 

const html_source = document.getElementById('employee_detail'); // O id do elemento que contém o Html que quer imprimir. 
const filename = 'Test.pdf';
    
html2canvas(html_source).then(function(canvas) { 
let imgData = canvas.toDataURL('image/png'); 

let pdf = new jsPDF('p', 'mm', 'a4'); // Essas demissões [297, 210] correspondem a um A4 

// addImage(imageData, format, x, y, width, height, alias, compression, rotation) 
// x: Coordenada (em unidades declaradas no início do documento PDF) contra a borda esquerda da página 
// y: Coordenada (em unidades declaradas no início do documento PDF) contra a borda superior da página 
pdf.addImage(imgData, 'PNG', 10, 10);
pdf.save(filename);
}) 

}

Para criar essa paginação preciso de usar o pagesplit, mas não estou a conseguir gerar pdf com mais de uma página.

adicionou 416 caracteres ao conteúdo
Fonte Link
Bruno
  • 1,4mil
  • 12
  • 37

Estou a gerar o meu html em PDF com JsPDF. O meu html é maior do que uma folha A4. Para resolver o problema preciso de criar paginação em Jspdf.

jsPara criar essa paginação preciso de usar o pagesplit.

Código:

window.html2canvas = html2canvas; 

function demoFromHTML() { 

const html_source = document.getElementById('employee_detail'); // O id do elemento que contém o Html que quer imprimir. 
const filename = 'Test.pdf';

var options = {
pagesplit: true
};
 

html2canvas(html_source).then(function(canvas) { 
let imgData = canvas.toDataURL('image/png'); 

let pdf = new jsPDF('p', 'mm', 'a4'); // Essas demissões [297, 210] correspondem a um A4 

// addImage(imageData, format, x, y, width, height, alias, compression, rotation) 
// x: Coordenada (em unidades declaradas no início do documento PDF) contra a borda esquerda da página 
// y: Coordenada (em unidades declaradas no início do documento PDF) contra a borda superior da página 
pdf.addHTML($("#employee_detail"), options, function()
{
pdf.addImage(imgData, 'PNG', 10, 10); 
pdf.save(filename); 
})
}) 

}

Mas recebo os seguintes erros:

0ms html2canvas: onrendered option is deprecated, html2canvas returns a Promise with the canvas as the value

Uncaught (in promise) Provided element is not within a Document

Estou a gerar o meu html em PDF com JsPDF. O meu html é maior do que uma folha A4. Para resolver o problema preciso de criar paginação em Jspdf.

js:

window.html2canvas = html2canvas; 

function demoFromHTML() { 

const html_source = document.getElementById('employee_detail'); // O id do elemento que contém o Html que quer imprimir. 
const filename = 'Test.pdf'; 


html2canvas(html_source).then(function(canvas) { 
let imgData = canvas.toDataURL('image/png'); 

let pdf = new jsPDF('p', 'mm', 'a4'); // Essas demissões [297, 210] correspondem a um A4 

// addImage(imageData, format, x, y, width, height, alias, compression, rotation) 
// x: Coordenada (em unidades declaradas no início do documento PDF) contra a borda esquerda da página 
// y: Coordenada (em unidades declaradas no início do documento PDF) contra a borda superior da página 
pdf.addImage(imgData, 'PNG', 10, 10); 
pdf.save(filename); 
}) 

}

Estou a gerar o meu html em PDF com JsPDF. O meu html é maior do que uma folha A4. Para resolver o problema preciso de criar paginação em Jspdf.

Para criar essa paginação preciso de usar o pagesplit.

Código:

window.html2canvas = html2canvas; 

function demoFromHTML() { 

const html_source = document.getElementById('employee_detail'); // O id do elemento que contém o Html que quer imprimir. 
const filename = 'Test.pdf';

var options = {
pagesplit: true
};
 

html2canvas(html_source).then(function(canvas) { 
let imgData = canvas.toDataURL('image/png'); 

let pdf = new jsPDF('p', 'mm', 'a4'); // Essas demissões [297, 210] correspondem a um A4 

// addImage(imageData, format, x, y, width, height, alias, compression, rotation) 
// x: Coordenada (em unidades declaradas no início do documento PDF) contra a borda esquerda da página 
// y: Coordenada (em unidades declaradas no início do documento PDF) contra a borda superior da página 
pdf.addHTML($("#employee_detail"), options, function()
{
pdf.addImage(imgData, 'PNG', 10, 10);
pdf.save(filename);
})
}) 

}

Mas recebo os seguintes erros:

0ms html2canvas: onrendered option is deprecated, html2canvas returns a Promise with the canvas as the value

Uncaught (in promise) Provided element is not within a Document

Fonte Link
Bruno
  • 1,4mil
  • 12
  • 37

Imprimir duas ou mais paginas usando o jsPDF

Estou a gerar o meu html em PDF com JsPDF. O meu html é maior do que uma folha A4. Para resolver o problema preciso de criar paginação em Jspdf.

js:

window.html2canvas = html2canvas; 

function demoFromHTML() { 

const html_source = document.getElementById('employee_detail'); // O id do elemento que contém o Html que quer imprimir. 
const filename = 'Test.pdf'; 


html2canvas(html_source).then(function(canvas) { 
let imgData = canvas.toDataURL('image/png'); 

let pdf = new jsPDF('p', 'mm', 'a4'); // Essas demissões [297, 210] correspondem a um A4 

// addImage(imageData, format, x, y, width, height, alias, compression, rotation) 
// x: Coordenada (em unidades declaradas no início do documento PDF) contra a borda esquerda da página 
// y: Coordenada (em unidades declaradas no início do documento PDF) contra a borda superior da página 
pdf.addImage(imgData, 'PNG', 10, 10); 
pdf.save(filename); 
}) 

}