问题标签 [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.
javascript - 如何使用 jsPDF 库将图像从 HTML 插入 PDF?
由于jspdf不支持 utf8 字符,我试图用图像替换一些字符,然后将其导出为 pdf。为了帮助您理解,我制作了代码示例,我尝试将图像放入 html div 中,然后使用 jspdf 将其粘贴到 pdf 中。文本出现在pdf中,但没有图像,那是什么问题?我是初学者,所以请解释我如何做到这一点。
试试这个链接,看看问题:http ://www.balkanex.info/test/start.html
代码如下:
开始.html
亚军.js
脚本.js
svg - 使用 jsPDF 绘制 SVG 贝塞尔曲线的问题
我在 SVG 中定义了一条贝塞尔曲线,我想使用 jsPDF 来绘制它。我无法使用 jsPDF 正确渲染曲线。如何使用 jsPDF 绘制下面 SVG 中定义的贝塞尔曲线?
SVG中的曲线:
我使用 jsPDF 在曲线上的尝试:
渲染时 SVG 产生的内容(左)和我的 jsPDF 代码产生的内容(右):
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!
javascript - Chrome 在没有错误的情况下停止 JavaScript 执行
我正在为网络地图库Leaflet开发一个开源插件。这个想法是直接在客户端浏览器中从地图生成可打印的 PDF 文档。它的基本功能有效,但谷歌浏览器存在问题。
根据文档格式和 dpi 设置,脚本可能需要一些时间来获取所有地图图块作为图像,将它们转换为数据 uri 并将它们添加到文档中。在这种情况下,Firefox 用户界面在几秒钟内没有响应,然后显示完成的 PDF。但是,Chrome 停止执行脚本并向我显示一个坏笑脸。
啊,啪!显示此网页时出现问题。要继续,请重新加载或转到另一个页面。
通常,我会说这很好,因为处理能力存在限制。但这实际上发生在 300dpi 的 DIN A4 格式上,所以我不能忍受。我强烈猜测这与我的代码中的错误无关,因为我可以逐步增加选项,并且在某种程度上,Chrome 会停止执行脚本。
如何调试我的代码以找到瓶颈?如何防止 Chrome 停止我的脚本?
javascript - 使用 JSPDF 将 Google 图表插入 PDF 的图像质量差
我正在尝试呈现包含谷歌图表的报告页面的 pdf 视图以显示我的数据。目前我正在将图表转换为 url 编码的 JPEG。此阶段的图像质量仍然很好,但是一旦我使用 JSPDF 将其添加到 pdf 文档中,图像质量就会严重降低。
这是我当前方法的 jsfiddle:http: //jsfiddle.net/5c5YX/3/
有谁知道对此的修复或这样做的原因?或者,如果不是;有没有不同的方法可以呈现包含谷歌图表数据的pdf(最好是客户端)?
任何帮助将不胜感激!
jquery - 使用 jquery 在电子邮件中创建和附加 pdf
我的网站上有一个页面,我想添加一个像“给我发邮件”这样的按钮,它将创建一个包含页面内容的 pdf 文件,并将此文件附加到邮件中。因此,如果可能的话,我想避免将文件保存在本地,而是将其附加到邮件中。我正在使用 jsPDF 从 html 页面创建 pdf,它工作正常。
现在是否可以使用 javascript 或 jQuery 在邮件中附加此文件,例如仅在前端,或者我必须使用 Ajax 将其发送到后端?
感谢在电子邮件 jquery 中附加 pdf
javascript - 保存文件的jsPDF方法不起作用
我已经花了四天的时间试图解决一个问题,这个问题一开始似乎是个孩子的游戏:使用 jsPDF 库我正在尝试保存文件。不打印它,那是已经完成的事情。
所以这是我的HTML:
然后,当我单击“保存”按钮时,我可以在 javacript 控制台上阅读:
Uncaught TypeError: Object #<Object> has no method 'save' index.html:58
我附加到项目的 JavaScript 文件列表是:
- FileSaver.js
- jquery-2.1.0.min.js
- jspdf.js
- jspdf.plugin.addimage.js
- jspdf.plugin.autoprint.js
- jspdf.plugin.cell.js
- jspdf.plugin.from_html.js
- jspdf.plugin.javascript.js
- jspdf.plugin.png_support.js
- jspdf.plugin.sillysvgrenderer.js
- jspdf.plugin.split_text_to_size.js
- jspdf.plugin.standard_fonts_metrics.js
- jspdf.plugin.total_pages.js
和图书馆:
- base64.js
- sprintf.js
所以,在显示所有这些信息之后,我的问题是:为什么我不能让保存按钮正常工作?
有任何想法吗?
javascript - jspdf没有制作html div的pdf
我正在使用 jsPDF 制作我的 div 容器的 PDF。
该 div 容器是横向格式的发票。
当我单击保存按钮时,警报框中会显示以下错误。
函数 [object Object] 中的错误。:未定义 saveAs
javascript:
HTML:
谢谢。
javascript - 生成的 pdf 中的图像损坏了发送到服务器的 pdf
我正在使用 jsPDF 在 Web 应用程序中创建 PDF 文档,将该文档发送到 Perl,并让 Perl 通过电子邮件发送它,它工作正常。但是,当我将图像添加到 PDF 文档时,它不再起作用,因为 Adobe Reader 说文件已损坏。该应用程序很大,所以这里有一个具有类似相关代码的存根,其行为方式相同:
html:
js:
perl:
如果我将 Ajax 调用和输出创建替换为...
...然后它正确显示在新的浏览器选项卡中,所以我知道图像被正确插入。从我在搜索中发现的内容来看,这似乎是一些编码问题,但我还没有找到解决该问题的方法。如何将带有图像的 PDF 文档成功发送到服务器上的 Perl,以免损坏?
android - 带有 Cordova 的 jsPDF - 添加图像
我正在尝试从移动 Cordova 应用程序中使用 jsPDF 库 ( https://github.com/MrRio/jsPDF ) 生成 PDF。我目前正在 Android 4.0.4 设备上测试该应用程序,但它还需要在 Windows mobile 8 上运行。PDF 文档中的文本正确显示,但任何图像都被打乱。见下图
我确实找到了这个页面(https://coderwall.com/p/nc8hia),它似乎表明 jsPDF 在 Cordova 中显示图像存在问题(请参阅评论),但作者从未发布后续内容。有没有人能够将 jsPDF 与 Cordova 一起使用并将图像正确添加到生成的 PDF 中?我的代码如下,任何帮助或建议将不胜感激。