Bespoke.js
を利用しプレゼンを作成しオンライン閲覧はとても便利ですが、ときときPDFに出力し回覧するケースも考えられます。
PDFに出力するのは bespoke-pdf
の利用は定番ですが、私のケースでは変なPDF(文字化けっぽい)が作成されました:
1ページ目はプレゼンが始まる前に表示されるHTMLページです。2ページ目は2つのSlideが重ねっています。
PDFを生成するために、ロカールにHTTPサーバを立たなければなれいませんし、プレビュー画面が開く途端に画面をキャプチャーしようとすると、上図のような変なページが取られます。
プレビューページが開いてから1秒ほど待たせてからPDFを作成するのがこの問題を回避するできるかもしれません。
いする調べたところ、 bespoke-pdf
に delay
というオプションがあります。 main.js
を下記に修正:
// Bespoke.js
bespoke.from('article', [
...
pdf({
delay: 10
}),
...
]);
delay
オプションをついてから gulp pdf
を実行して、今回はPDFファイルを正しく作成されました。