見出し画像

やすをはじゅもんをとなえた。

Webclient。サーバー側にてSkyPDFなんかでPDFを構築してどう渡すか。

iFrameを使う方法などあるけれどスマホでやろうとするとちょいと面倒。
そのうちの一つのご紹介。

WebclientのAngularバージョンは8とします。

ng2-pdf-viewerの使用

npm install ng2-pdf-viewer@6
npm install pdfjs-dist

pdfjs-dist(必要なのは)cmapsフォルダの中身のみ。取り出しassets/cmaps/にコピーしたらuninstallするよろし。

magic.gen.lib.module.ts

import { PdfViewerModule } from "ng2-pdf-viewer";
imports: [
PdfViewerModule

html

<pdf-viewer id="viewer" [src]="PDF_FILE_NAME" [render-text]="true" [zoom]="1.0" [c-maps-url]="'assets/cmaps/'" [fit-to-page]="true" style="display: block;">

ts

PDF_FILE_NAMEに対してPDFのアドレスを代入

画像2

でーきた。

この記事が気に入ったらサポートをしてみませんか?