Khuôn mặt phông chữ tùy chỉnh trong jsPDF?

Question

Có thể bao gồm phông chữ tùy chỉnh trong jsPDF không?

Với thư viện cơ bản, nếu tôi console log 'doc.getFontList()' Tôi nhận được:

Courier, Helvetica, Times, chuyển phát nhanh, helvetica, lần

Nhưng, nói tôi muốn sử dụng 'Comic Sans' (không phải là tôi sẽ; o)) nó có thể được thực hiện?

Thậm chí tốt hơn, tôi có thể sử dụng phông chữ được lưu trữ cục bộ và đã được khai báo trong trang web bằng @ phông chữ?

Answer 1

Tôi thấy điều này là có thể bằng cách sửa đổi jsPDF.js để hiển thị phương thức addFont hiện có trong API công khai.

Trong jsPDF.js, tìm kiếm:

//--------------------------------------- 
// Public API 

Thêm dòng sau:

API.addFont = function(postScriptName, fontName, fontStyle) { 
     addFont(postScriptName, fontName, fontStyle, 'StandardEncoding'); 
    }; 

tôi đặt phương pháp này gần phương pháp phông chữ khác cho rõ ràng - API.setFont, API.setFontSize, API.setFontType vv

Bây giờ trong mã của bạn, sử dụng:

doc.addFont('ComicSansMS', 'Comic Sans', 'normal'); 
doc.setFont('Comic Sans'); 
doc.text(50,50,'Hello World'); 

Điều này phù hợp với tôi với phông chữ phông chữ @ đi kèm với css trước khi tải jsPDF, cũng như phông chữ hệ thống. Có lẽ một cách tốt hơn để làm điều này bằng cách sử dụng khuôn khổ plugin của jsPDF, nhưng giải pháp nhanh chóng và dơ bẩn này ít nhất cũng giúp bạn đi.

Lưu ý rằng doc.getFontList() sẽ không chương trình thêm phông chữ:

// TODO: iterate over fonts array or return copy of fontmap instead in case more are ever added.