想要在文档正文中获取一个div的屏幕截图(保存为PDF),但我想先克隆它,将它隐藏在页面上,并在被html2canvas呈现之前按风格对它进行操作。问题是div正在用CSS操作显示在页面上(但它根本不应该显示)。正确的方法是什么?
必须先将元素添加到主体,否则我将得到这个错误Uncaught (in promise) Unable to find element in cloned iframe
另一个问题是,如果我确实隐藏了不透明度,或者没有将克隆的div设置为可见性,那么保存的PDF将没有任何内容。
const myNodeCopy = document.body
.querySe
我想知道pdf.js库如何处理pdf页面的下载。
如果我执行以下代码:
var test_pdf = "documents/pdf";
PDFJS.getDocument(test_pdf).then(function(pdf) {
// Using promise to fetch the page
pdf.getPage(1).then(function(page) {
var scale = 1;
var viewport = page.getViewport(scale);
var realwidth = vi
我正在尝试使用pdfmake从动态内容的html生成pdf。它工作得很好,但有一个问题。
Html内容太大,pdf只生成一个页面,而html的其余内容被剪切。如果内容不止一页,我如何将其他页面添加到pdf。
这是我的代码。
createPdf(): void {
var main = $('.main');
html2canvas(this.el.nativeElement, {
onrendered: function (canvas) {
var data = canvas.toDataURL();
我正在尝试创建一个多页PDF文档。 我是通过使用html2canvas来捕获每个页面的JPEG来实现的。然后将每个JPEG作为新页面添加到pdf中。代码要点如下(灵感来自本文here): var pdf = new jsPDF('p', 'mm', 'a4', true);
html2canvas(document.getElementById("image_1")).then(canvas => {
pdf.addImage(canvas.toDataURL('image/jpeg'),
我需要在AJAX响应确定的页面上放置多个PDF,当所有文档和页面呈现完毕时,调用window.print。
每个文档的页面(画布)被添加到带有类pdfdoc的div中,以便按文档顺序排列页面。
我对承诺很陌生,由于异步的特性,我在决定何时调用window.print时遇到了困难。有时在所有页面可用之前就会调用它,即使我在调用呈现承诺之前正在检查最后一个文档的最后一页。以下是代码:
// Called on each iteration of coredatalist
var getDoc = function(count) {
PDFJS.getDocument(srcUrl).the
我有12个图表,我想生成的pdf与2页,每页有6个图表。但是,当我将svg转换为canvas时,只能看到两个子dives的一部分。
$('#downloadx2').click(function() {
var svgElements = $("#body_id").find('svg');
//replace all svgs with a temp canvas
svgElements.each(function() {
var canvas, xml;
// canv
我需要导出页面的几个部分,以pdf的几个不同的页面。当我在html2canvas() func之外使用方法save()时,它返回空页,如果我添加它的一个画布函数,它将返回这个画布的内容。
const pdf = new jspdf('p', 'mm', 'a4'); // A4 size page of PDF
let data = document.querySelector('.first-page');
html2canvas(data).then(canvas => {
const imgWidth = 208;
我一直试图转换和生成的页面上的按钮,自动生成和强制下载一个PDF的页面使用两个流行的插件* JSPDF * HTML2Canvas到目前为止一切正常,但生成的PDF总是模糊和不高质量导入的js文件(jquery,html2canvas,jspdf)页面上的按钮。下面是我的javascript代码 function CreatePDFfromHTML() {
var HTML_Width = $(".html-content").width();
var HTML_Height = $(".html-content").height();
我正在使用jspdf和html2canvas来创建我的发票的pdf。它只为完整的发票创建一个页面。我想要的是我应该能够为更大的数据创建多个A4大小的页面。你能告诉我这个问题的解决方案吗?
以下是在线代码的链接。
html2canvas(document.querySelector(".printformClass")).then(canvas => {
let totalPages=canvas.height/842;
var pdf = new jsPDF('p', 'pt',[canvas.width
downloadPdf() {
var element = document.querySelector('.myTable');
html2canvas(document.querySelector('.myTable')).then((canvas) => {
var imgData = canvas.toDataURL('image/jpeg', 1.0);
var doc = new jspdf.jsPDF('p', 'pt', [canvas
我得到了这个模板,我正试着用jspdf和html2canvas把它变成pdf: <div id="tre" class="letter-content">
<h5><b>My tittle</b></h5>
<br>
<p>My text here
</p>
<ul>
{% for function in functions %}
<li>
我正在尝试使用PDF.js读取整个.pdf文档,然后在单个画布上呈现所有页面。
我的想法是:将每个页面渲染到画布上,并获取ImageData (context.getImageData()),清除画布做下一页。我将所有的ImageDatas存储在一个数组中,一旦所有的页面都在数组中,我想把数组中的所有ImageDatas放到一个画布上。
var pdf = null;
PDFJS.disableWorker = true;
var pages = new Array();
//Prepare some things
var canvas = document.getElemen
使用html2canvas和JsPDF将HTML转换为pdf,并使用下面的代码生成代码,这段代码将将div的完整HTML转换为单个图像,并将在pdf中显示为单个页面。
import * as jsPDF from 'jspdf';
import html2canvas from 'html2canvas';
htmltoPDF()
{
// parentdiv is the html element which has to be converted to PDF
html2canvas(document.que
我正在尝试使用jsPDF和HTML2Canvas创建一个PDF。我有多个DIVs要插入到PDF。如果我尝试将所有DIVs放入一个容器中并渲染一次,那么它只会将第一个页面高度放入PDF。我不知道如何渲染多个div并将它们粘贴到同一个PDF中,这样它就可以一页一页地进行。
JAVASCRIPT
function genPDF() {
html2canvas(document.getElementById("container"), {
onrendered: function (canvas) {
var img
我正在尝试使用Python 3和reportlab手动创建页面并将其添加到PDF文件中。 我可以很容易地创建第一个页面,并在上面绘制。但我不知道如何手动添加新页面。 示例: from reportlab.pdfgen.canvas import Canvas
canvas = Canvas(pdf_path, pagesize=(WIDTH_OF_PAGE1,HEIGHT_OF_PAGE1))
canvas.rect(100,100,200,200,fill=1, stroke=1) # draw on the first page, this is just an example.
几个星期以来,我到处寻找这个问题的答案,但似乎找不到一个有效的方法。
下面是我的代码:
function pdf() {
html2canvas(document.body, {
onrendered: function(canvas) {
var img = canvas.toDataURL('image/jpeg')
var doc = new jsPDF('p', 'pt', 'a4');
var options = {
我试图开发一个前端代码,它要求用户提供一个pdf,然后在内部(在用户浏览器中)生成一个png数组(通过数据到url),其中数组中的每个条目对应于pdf中的一个页面:
dat = png,第1页
dat1 = png,第2页
..。
当我测试下面的代码时,页面会以某种方式相互呈现并旋转。
<script src="http://cdnjs.cloudflare.com/ajax/libs/processing.js/1.4.1/processing-api.min.js"></script><html>
<!--
Created us
请帮助,我尝试了很多解决方案,逐个显示所有页面,但是我得到了不同的错误,所以现在我使用了pdfjs的演示代码及其为one page所做的工作,有人知道如何显示所有页面吗?
我试过这个解决方案,但不适合我
// If absolute URL from the remote server is provided, configure the CORS
// header on that server.
var url = 'demo.pdf';
// Loaded via <script> tag, create shortcut to access PDF.