在 jsPdf 中添加 FontAwesome 图标

Question

I am using jspdf.debug.js latest version.我正在使用jspdf.debug.js最新版本。 FontAwesome icons used in a web page are not rendering in pdf .网页中使用的FontAwesome图标不会以pdf呈现。 I added a FontAwesome user icon in the page.Refer to the image.(Left one is HTML and pdf output is on right) Below is my code snippet.我在页面中添加了一个FontAwesome用户图标。参考图片。（左边是HTML ，右边是pdf输出）下面是我的代码片段。

var pdf = new jsPDF('p', 'pt', 'letter');
pdf.addFont('FontAwesome', 'FontAwesome', 'normal');
pdf.setFont('FontAwesome');
pdf.canvas.height = 72 * 11;
pdf.canvas.width = 72 * 8.5;
html2pdf(document.body, pdf, function(pdf){
    var iframe = document.createElement('iframe');
    iframe.setAttribute('style','position:absolute;right:0; top:0; bottom:0; height:100%; width:500px');
    document.body.appendChild(iframe);
    iframe.src = pdf.output('datauristring');
});

Answer 1

jspdf does not support special symbols. jspdf 不支持特殊符号。 Here is the gitHub issue .这是gitHub 问题。 See info in this answer .请参阅此答案中的信息。

Answer 2

["

I did in this way and all works with font Awesome 5...<\/i>我就是这样做的，并且所有字体都可以使用 Awesome 5 ...<\/b><\/p>

In Angular i did in this way<\/i>在Angular中我这样做了<\/b><\/p>

 constructor() { var callAddFont = function () { this.addFileToVFS('fa-solid-900-normal.ttf', jsPDFfonts.fontawesome5_fa_solid_900); this.addFont('fa-solid-900-normal.ttf', 'fa-solid-900', 'normal'); }; jsPDF.API.events.push(['addFonts', callAddFont])<\/code><\/pre> }<\/i> }<\/b><\/p><\/li><\/ol>
 where jsPDFfonts.fontawesome5_fa_solid_900<\/code> is the content of the file<\/i>其中jsPDFfonts.fontawesome5_fa_solid_900<\/code>是文件的内容<\/b><\/p> 
            
            Then during the print process for printing an icon i did in this way<\/i>然后在打印图标的打印过程中我以这种方式<\/b><\/p>
 pdf.setFont('fa-solid-900', 'normal'); pdf.setFontSize(10); pdf.text('\', 15, 15*index);<\/code><\/pre><\/li><\/ol> i printed directly the unicode of the icon<\/i>我直接打印了图标的unicode<\/b><\/p>"]

在 jsPdf 中添加 FontAwesome 图标

问题描述

2 个解决方案

解决方案1
1 2017-06-28 10:36:48

解决方案2
0 2022-06-23 14:34:10

在 jsPdf 中添加 FontAwesome 图标

问题描述

2 个解决方案

解决方案1 1 2017-06-28 10:36:48

解决方案2 0 2022-06-23 14:34:10

解决方案1
1 2017-06-28 10:36:48

解决方案2
0 2022-06-23 14:34:10