vfs_fonts.js build tools herunterladen - vfs_fonts.js build tools Quellcode Download

vfs_fonts.js build tools

Schriftarten herunterladen

1.0.0

Herunterladen

Chinesische Schriftart vfs_fonts.js

Wird verwendet, um das Problem des chinesischen verstümmelten Code beim Erstellen von PDFMake, PDFHTML5, Datatables zu lösen

Derzeit das kleinste Widget zum Erstellen von Schriftdateien, nachdem er die chinesische VFS_FONTS.JS BASE64 CODING unterstützt hat

Standardmäßig ist die kleinste chinesische Schriftart in 2 kühne Stile und gewöhnliche Stile integriert, die nur 1,7 m sind. Es sollte derzeit die kleinste chinesische Schriftart sein! !

Wie man benutzt

Zunächst müssen Sie eine Knotenumgebung installieren. Derzeit sind alle Knotenversionen V16, 14, 12 und 10 in Ordnung.

Stellen Sie zweitens die VFS -Schriftdatei, die Sie generieren möchten

cnpm install
# 构建 vfs_fonts.js 
npm run build

Beachten Sie, dass alle Schriftarten unter dem Ordner der Schriftarten verpackt werden. Wenn Sie die offizielle Standard-Roboto-Schriftart nicht benötigen, können Sie die Roboto-XXX-Datei löschen!

In Ihr Projekt integrieren

Ändern Sie die entsprechenden Skripte erstellen Skript in der Datei package.json

 "scripts" : {
    "build:vfs" : " node node_modules/pdfmake/build-vfs.js " ./fonts " " ./build/vfs_fonts.js " "
  },

build-vfs.js VFS-Dateiname Name generiert von Ordnern, die Schriftarten speichern

Unterstützen Sie PDF -Chinese, wenn Sie das PDFHTML5 -Plugin in DataTables verwenden

Suchen Sie nach var defaultClientFonts = {} in der Datei pdfMake.js, registrieren Sie die von Ihnen generierte VFS -Schriftart, registrieren Sie den Schriftnamen und den entsprechenden Schriftstil, der dem Schriftnamen {normal: xxx, fett: xxx, italisch: xxx, fett italisch: xxx}, und verwenden Sie den FETT -Namen direkt, wenn Sie den FETT -Namen verwenden.

 var defaultClientFonts = {
	Hyzh : {
		normal : 'hyzjh_zh.ttf' ,
		bold : 'hylxt_bold.ttf' ,
		italics : 'hyzjh_zh.ttf' ,
		bolditalics : 'hylxt_bold.ttf'
	} ,
	Roboto : {
		normal : 'Roboto-Regular.ttf' ,
		bold : 'Roboto-Medium.ttf' ,
		italics : 'Roboto-Italic.ttf' ,
		bolditalics : 'Roboto-MediumItalic.ttf'
	}
} ;

Standardkonfiguration

 var defaultClientFonts = {
	Roboto : {
		normal : 'Roboto-Regular.ttf' ,
		bold : 'Roboto-Medium.ttf' ,
		italics : 'Roboto-Italic.ttf' ,
		bolditalics : 'Roboto-MediumItalic.ttf'
	}
} ;

PDFHTML5 -Verwendungsbeispiel

 <!DOCTYPE html >
< html lang =" zh-CN " >
  < head >
  < meta charset =" utf-8 " >
  < title > Pdfmake export Chinese PDF </ title >
  < script src =" pdfmake.min.js " > </ script >
  < script src =" vfs_fonts.js " > </ script >
  < script >
  function down ( data ) {
            var doc = {
                content : [
                    data ,
                    'Another paragraph, this time a little bit longer to make sure, this line will be divided into at least two lines'
                ] ,
                defaultStyle : {
                    font : 'Hyzh' ,
                    fontSize : 12
                }
            } ;
            pdfMake . fonts = {
                Roboto : {
                    normal : 'Roboto-Regular.ttf' ,
                    bold : 'Roboto-Medium.ttf' ,
                    italics : 'Roboto-Italic.ttf' ,
                    bolditalics : 'Roboto-Italic.ttf'
                } ,
                Hyzh : {
					normal : 'hyzjh_zh.ttf' ,
					bold : 'hylxt_bold.ttf' ,
					italics : 'hyzjh_zh.ttf' ,
					bolditalics : 'hylxt_bold.ttf'
				}
            } ;
            pdfMake . createPdf ( doc ) . download ( ) ;
        }
  </ script >
  </ head >
  < body >
  < button onclick =" down('最小的支持中文显示的pdf生成工具') " >下载</ button >
  </ body >
</ html >