node.js - rodot-regular.ttf 的 pdf 生成器错误，我可以存储此 pdf

Question

我正在尝试使用 ionic 3 创建一个 pdf 生成器，所以我使用 this并使用

导入它

npm install pdfmake

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import * as pdfmake from 'pdfmake/build/pdfmake';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(public navCtrl: NavController) {  }

  pdf(){
    console.log("pdf", pdfmake)
     var dd = { content: 'This is an sample PDF printed with pdfMake' };
    pdfmake.createPdf(dd);

  }

}

执行此命令后，我收到此错误错误:在虚拟文件系统中找不到文件“Roboto-Regular.ttf” 不知道如何解决此问题，有人可以帮助我解决此问题，并使用 cordova 文件将其保存到我的设备存储中

Answer 1

PdfMake 使用字体作为数据。它将 tff 文件转换为 js，然后将其转换回字体。

所以你只是缺少一个文件

<script src='build/vfs_fonts.js'>

您可以将其添加到索引 html(坏坏坏)

或者您可以将其导入到您的 ts 文件中，然后查看 pdfmake 是否选择它。

import 'pdfmake/build/vfs_fonts';

如果没有，您可能必须通过配置来分配它。您可以在这里阅读更多内容:https://github.com/bpampuch/pdfmake/wiki/Custom-Fonts---client-side