PDF Viewer

## 前情提要如果說鎖頭是拿來防君子，那麼 PDF，基本上就是拿來考驗人性的。你辛苦整理的教材、簡報、筆記，只要一變成 PDF，命運通常只有兩條路： * 被整包下載 * 被無限轉傳我們來用一個**前端角度很壞、但很實際**的做法，來解決這個還滿G8靠北的白爛議題。 --- ## 程式碼 ```html PDF Viewer

``` 貼到線上編輯器跑一次，你就會知道它在玩什麼。 --- ## 這段程式在搞什麼鬼乍看之下，它好像只是一個「PDF 預覽」。但實際上，它完全沒打算讓你「使用 PDF」。整個流程是這樣： 1. 使用者選擇檔案 2. JavaScript 把 PDF 拆開 3. 指定某一頁 4. **重新畫成一張 canvas** 注意這個關鍵轉換點：從這一刻開始，畫面上出現的東西，已經不是文件，而是「結果」。 --- ## 為什麼這樣比較難抓因為你給出去的不是： * 可選取的文字 * 原始檔案結構 * 可以另存的 PDF 而是： * 一塊畫布 * 一堆像素 * 一張「你只能看」的圖想拿？門都沒有你要的話就要費盡心力。 --- ## 心得原本乏味、無聊、注定被抓走的 PDF，竟然可以用一個前端技巧，轉化成一個「有距離感」的展示物。 > 不阻止你看，而是改變你拿的方式。這觀念有屌到！