PDF.jsで解像度を変更し、ぼやけの問題を解消する方法 | LINKcom ブログ

「PDFをブラウザで表示する」前回記事の改善がテーマ 前回のブログ（「PDFをダウンロードさせずにブラウザで表示させる」）ではPDF.jsを利用して、ブラウザ上でのPDF閲覧を実現しました。 しかし、その後「文字がぼやけて閲覧しにくい」という問題が発生したので、今回はその対策方法について解説したいと思います。 実装方法１ デフォルトの拡大率を変更する ※不採用 var viewport = page.getViewport({scale: scale}); この部分のscale のデフォルト値を変更しました。 しかしこれは、表示エリアが拡大し、見やすくはなるかもしれませんが、ぼやけた文字が大きくなるだけで全く見当違いでした。 実装方法２ devicePixelRatio を考慮して描画する ※保留（あとで登場） var canvas = document.getElementById({P