「PDFをブラウザで表示する」前回記事の改善がテーマ 前回のブログ(「PDFをダウンロードさせずにブラウザで表示させる」)ではPDF.jsを利用して、ブラウザ上でのPDF閲覧を実現しました。 しかし、その後「文字がぼやけて閲覧しにくい」という問題が発生したので、今回はその対策方法について解説したいと思います。 実装方法1 デフォルトの拡大率を変更する ※不採用 var viewport = page.getViewport({scale: scale}); この部分のscale のデフォルト値を変更しました。 しかしこれは、表示エリアが拡大し、見やすくはなるかもしれませんが、ぼやけた文字が大きくなるだけで全く見当違いでした。 実装方法2 devicePixelRatio を考慮して描画する ※保留(あとで登場) var canvas = document.getElementById({P
![PDF.jsで解像度を変更し、ぼやけの問題を解消する方法 | LINKcom ブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/09001b2aaefc1f73960a38411c16afd943bdbeb3/height=288;version=1;width=512/https%3A%2F%2Fwww.linkcom.com%2Fblog%2Fassets_c%2F2023%2F09%2Ftechblog_cover-thumb480-thumb-480x316-3528.png)