问题标签 [jspdf]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
7141 浏览

javascript - 如何使用 jsPDF 库将图像从 HTML 插入 PDF?

由于jspdf不支持 utf8 字符,我试图用图像替换一些字符,然后将其导出为 pdf。为了帮助您理解,我制作了代码示例,我尝试将图像放入 html div 中,然后使用 jspdf 将其粘贴到 pdf 中。文本出现在pdf中,但没有图像,那是什么问题?我是初学者,所以请解释我如何做到这一点。

试试这个链接,看看问题:http ://www.balkanex.info/test/start.html

代码如下:

开始.html

亚军.js

脚本.js

0 投票
1 回答
750 浏览

svg - 使用 jsPDF 绘制 SVG 贝塞尔曲线的问题

我在 SVG 中定义了一条贝塞尔曲线,我想使用 jsPDF 来绘制它。我无法使用 jsPDF 正确渲染曲线。如何使用 jsPDF 绘制下面 SVG 中定义的贝塞尔曲线?

SVG中的曲线:

我使用 jsPDF 在曲线上的尝试:

渲染时 SVG 产生的内容(左)和我的 jsPDF 代码产生的内容(右):

在此处输入图像描述 在此处输入图像描述

0 投票
1 回答
4368 浏览

javascript - jsPDF.plugin.from_html returns cns.length is undefined

Hi I want to render a HTML generated invoice with jsPDF, but when I try to render an error occurs saying me

Uncaught TypeError: Cannot read property 'length' of undefined jspdf.plugin.from_html.js:233

tried to fix it by my self... unsuccessful...

I have the plugins jspdf.plugin.standard_fonts_metrics, jspdf.plugin.split_text_to_size, jspdf.plugin.from_html bound in.

Here the code I use for render:

I think the problem starts in line 223 of the fromHTML plugin with the childNodes thing...

cns = element.childNodes;

Thank you in advance!

0 投票
0 回答
310 浏览

javascript - Chrome 在没有错误的情况下停止 JavaScript 执行

我正在为网络地图库Leaflet开发一个开源插件。这个想法是直接在客户端浏览器中从地图生成可打印的 PDF 文档。它的基本功能有效,但谷歌浏览器存在问题。

根据文档格式和 dpi 设置,脚本可能需要一些时间来获取所有地图图块作为图像,将它们转换为数据 uri 并将它们添加到文档中。在这种情况下,Firefox 用户界面在几秒钟内没有响应,然后显示完成的 PDF。但是,Chrome 停止执行脚本并向我显示一个坏笑脸。

啊,啪!显示此网页时出现问题。要继续,请重新加载或转到另一个页面。

通常,我会说这很好,因为处理能力存在限制。但这实际上发生在 300dpi 的 DIN A4 格式上,所以我不能忍受。我强烈猜测这与我的代码中的错误无关,因为我可以逐步增加选项,并且在某种程度上,Chrome 会停止执行脚本。

如何调试我的代码以找到瓶颈?如何防止 Chrome 停止我的脚本?

0 投票
1 回答
4345 浏览

javascript - 使用 JSPDF 将 Google 图表插入 PDF 的图像质量差

我正在尝试呈现包含谷歌图表的报告页面的 pdf 视图以显示我的数据。目前我正在将图表转换为 url 编码的 JPEG。此阶段的图像质量仍然很好,但是一旦我使用 JSPDF 将其添加到 pdf 文档中,图像质量就会严重降低。

这是我当前方法的 jsfiddle:http: //jsfiddle.net/5c5YX/3/

有谁知道对此的修复或这样做的原因?或者,如果不是;有没有不同的方法可以呈现包含谷歌图表数据的pdf(最好是客户端)?

任何帮助将不胜感激!

0 投票
1 回答
1782 浏览

jquery - 使用 jquery 在电子邮件中创建和附加 pdf

我的网站上有一个页面,我想添加一个像“给我发邮件”这样的按钮,它将创建一个包含页面内容的 pdf 文件,并将此文件附加到邮件中。因此,如果可能的话,我想避免将文件保存在本地,而是将其附加到邮件中。我正在使用 jsPDF 从 html 页面创建 pdf,它工作正常。

现在是否可以使用 javascript 或 jQuery 在邮件中附加此文件,例如仅在前端,或者我必须使用 Ajax 将其发送到后端?

感谢在电子邮件 jquery 中附加 pdf

0 投票
1 回答
8232 浏览

javascript - 保存文件的jsPDF方法不起作用

我已经花了四天的时间试图解决一个问题,这个问题一开始似乎是个孩子的游戏:使用 jsPDF 库我正在尝试保存文件。不打印它,那是已经完成的事情。

所以这是我的HTML:

然后,当我单击“保存”按钮时,我可以在 javacript 控制台上阅读:

Uncaught TypeError: Object #<Object> has no method 'save' index.html:58

我附加到项目的 JavaScript 文件列表是:

  1. FileSaver.js
  2. jquery-2.1.0.min.js
  3. jspdf.js
  4. jspdf.plugin.addimage.js
  5. jspdf.plugin.autoprint.js
  6. jspdf.plugin.cell.js
  7. jspdf.plugin.from_html.js
  8. jspdf.plugin.javascript.js
  9. jspdf.plugin.png_support.js
  10. jspdf.plugin.sillysvgrenderer.js
  11. jspdf.plugin.split_text_to_size.js
  12. jspdf.plugin.standard_fonts_metrics.js
  13. jspdf.plugin.total_pages.js

和图书馆:

  1. base64.js
  2. sprintf.js

所以,在显示所有这些信息之后,我的问题是:为什么我不能让保存按钮正常工作?

有任何想法吗?

0 投票
2 回答
1197 浏览

javascript - jspdf没有制作html div的pdf

我正在使用 jsPDF 制作我的 div 容器的 PDF。
该 div 容器是横向格式的发票。
当我单击保存按钮时,警报框中会显示以下错误。

函数 [object Object] 中的错误。:未定义 saveAs

javascript:

HTML:

谢谢。

0 投票
3 回答
1771 浏览

javascript - 生成的 pdf 中的图像损坏了发送到服务器的 pdf

我正在使用 jsPDF 在 Web 应用程序中创建 PDF 文档,将该文档发送到 Perl,并让 Perl 通过电子邮件发送它,它工作正常。但是,当我将图像添加到 PDF 文档时,它不再起作用,因为 Adob​​e Reader 说文件已损坏。该应用程序很大,所以这里有一个具有类似相关代码的存根,其行为方式相同:

html:

js:

perl:

如果我将 Ajax 调用和输出创建替换为...

...然后它正确显示在新的浏览器选项卡中,所以我知道图像被正确插入。从我在搜索中发现的内容来看,这似乎是一些编码问题,但我还没有找到解决该问题的方法。如何将带有图像的 PDF 文档成功发送到服务器上的 Perl,以免损坏?

0 投票
1 回答
6245 浏览

android - 带有 Cordova 的 jsPDF - 添加图像

我正在尝试从移动 Cordova 应用程序中使用 jsPDF 库 ( https://github.com/MrRio/jsPDF ) 生成 PDF。我目前正在 Android 4.0.4 设备上测试该应用程序,但它还需要在 Windows mobile 8 上运行。PDF 文档中的文本正确显示,但任何图像都被打乱。见下图

生成的 PDF 图像

我确实找到了这个页面(https://coderwall.com/p/nc8hia),它似乎表明 jsPDF 在 Cordova 中显示图像存在问题(请参阅评论),但作者从未发布后续内容。有没有人能够将 jsPDF 与 Cordova 一起使用并将图像正确添加到生成的 PDF 中?我的代码如下,任何帮助或建议将不胜感激。