LoginSignup
0

More than 5 years have passed since last update.

bespoke-pdfを利用しプレゼンをPDFに出力するときの注意点

Posted at

Bespoke.js を利用しプレゼンを作成しオンライン閲覧はとても便利ですが、ときときPDFに出力し回覧するケースも考えられます。

PDFに出力するのは bespoke-pdf の利用は定番ですが、私のケースでは変なPDF(文字化けっぽい)が作成されました:

Screen Shot 2016-06-30 at 17.08.37.png

1ページ目はプレゼンが始まる前に表示されるHTMLページです。2ページ目は2つのSlideが重ねっています。

PDFを生成するために、ロカールにHTTPサーバを立たなければなれいませんし、プレビュー画面が開く途端に画面をキャプチャーしようとすると、上図のような変なページが取られます。

プレビューページが開いてから1秒ほど待たせてからPDFを作成するのがこの問題を回避するできるかもしれません。

いする調べたところ、 bespoke-pdfdelay というオプションがあります。 main.js を下記に修正:

// Bespoke.js
bespoke.from('article', [
  ...
  pdf({
    delay: 10
  }),
  ...
  ]);

delay オプションをついてから gulp pdf を実行して、今回はPDFファイルを正しく作成されました。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0