前言

歡迎各位來到 F2E 關卡「今晚我想來點點簽」（以下簡稱「點點簽」）攻略本

這份攻略是為了幫助各位能夠從題目中獲取實做的方向，若途中認為沒問題了，可以試著獨自挑戰，直到有需要再來尋找線索

只要遵照這份攻略操作，相信各位也能獲得突破此關所需要的知識

那麼廢話不多說，開始吧！

<aside> ⚠️ 本文著重在 JS 教學，樣式可依需求進行調整

</aside>

步驟拆分

要完成點點簽，首先必須拆解步驟，這裡依照使用方式拆成了以下幾個階段

1. 在網頁上製作屬於自己的簽名檔並儲存
2. 在網頁上開啟並顯示 PDF
3. 在 PDF 中放上簽名，調整大小及位置
4. 下載完成簽名的 PDF 檔

依據上述需求，我們會使用下列幾項技術和外部套件：

1. canvas （製作簽名）
2. PDF.js （在頁面顯示 PDF 資料）
3. fabric.js （簽名檔在 PDF 中的拖拉及調整，底層為 canvas ）
4. jsPDF （將調整好的內容下載為 PDF 檔）