圖片合併工具介紹
工具傳送門 這是一款強大且易於使用的線上圖片編輯與PDF輸出工具。它完全在您的瀏覽器中運行，無需安裝任何軟體，並且可以離線使用，確保您的資料隱私與安全。
此工具專為需要快速處理單據報帳、組合多張圖片、進行簡單標註或新增說明的用戶設計。無論您是需要將多張發票拼成一頁PDF，或是在截圖上畫重點、加註解，這個工具都能輕鬆滿足您的需求。
主要特色：
- 多圖組合：可一次上傳或貼上多張圖片，自由移動、縮放、旋轉及排列。
- 基本標註：內建「畫筆」與「文字」工具，方便您在圖片上畫線、圈選重點或新增文字說明。
- 圖層管理：可以輕鬆調整物件的上下層級，確保重要內容不被遮擋。
- 彈性畫布：支援 A4、A3 等標準紙張尺寸與方向，也可自訂畫布大小，並支援多頁長畫布。
- 專案存取：可將編輯到一半的進度匯出成專案檔 (
.json)，方便日後匯入繼續編輯。 - 高品質輸出：可將完成的畫布直接匯出為高解析度的 PDF 檔案，並自動分頁。
- 高效率操作：支援鍵盤快捷鍵 (如
V,B,T,Delete) 與剪貼簿貼上圖片 (Ctrl+V)，大幅提升操作效率。
使用步驟說明
您可以按照以下步驟，輕鬆完成圖片的編輯與輸出：
步驟一：設定畫布 (頁面)
在開始編輯前，建議先設定好您的輸出頁面。
- 在右側的 [控制面板] 中找到 [畫布設定] 區塊。
- 紙張大小：根據您的需求選擇
A4、A3或其他尺寸。若要自訂，請選擇Custom並在下方輸入寬高像素值。 - 方向：選擇
縱向(Portrait) 或橫向(Landscape)。 - 預計頁數：若您選擇了標準紙張大小（如A4），可以設定預計的頁數，畫布會自動延伸長度。例如，設定為
2，畫布高度就會變為兩頁A4的高度。 - 點擊 [更新畫布佈局] 按鈕套用設定。
提示：畫布上會出現兩種虛線：
- 灰色虛線：您設定的「預計頁數」的視覺分界線。
- 藍色虛線：最終輸出成 PDF 時的「實際分頁線」。請以此線為準來安排您的圖片位置。
步驟二：加入圖片
提供兩種方便的方式將圖片加入畫布：
- 檔案上傳：點擊 [上傳圖片 (可多選)] 按鈕，從您的電腦中選擇一張或多張圖片。
- 直接貼上：先複製您想要的圖片（例如，使用螢幕截圖工具、或在網頁上右鍵複製圖片），然後回到此工具頁面，按下
Ctrl+V(或Cmd+V)，圖片就會出現在滑鼠所在位置。
步驟三：編輯與標註
這是工具的核心功能，您可以透過左側的 [工具] 區塊來切換不同模式。
A. 選擇/移動/縮放模式 (快捷鍵: V)
此模式下，您可以對畫布上的物件進行操作。
- 選取：用滑鼠點擊任何一個圖片、文字或畫筆線條，即可選取它。物件周圍會出現藍色虛線框。
- 移動：按住選取的物件並拖曳，即可移動它的位置。
- 縮放：(僅限圖片) 將滑鼠移到選取框的四個角落，按住並拖曳即可等比例縮放圖片。
- 旋轉：(僅限圖片) 點擊圖片右下角外側的 綠色圓形按鈕，即可將圖片順時針旋轉90度。
- 命名：選取物件後，在 [選中物件] 面板的 [顯示名稱] 輸入框中為其命名（例如：計程車費、午餐費），名稱會顯示在圖片下方，方便報帳時辨識。
- 圖層：使用 [移到最上層] 或 [移到最下層] 按鈕調整物件的堆疊順序。
- 刪除：點擊 [刪除選中物件] 按鈕或直接按鍵盤上的
Delete/Backspace鍵。
B. 畫筆模式 (快捷鍵: B)
此模式可用來畫線、圈選重點。
- 點擊 [畫筆] 按鈕切換至此模式。
- 在 [畫筆選項] 中設定您想要的 顏色 與 線寬。
- 在畫布上按住滑鼠左鍵拖曳，即可開始繪製。
C. 文字工具 (快捷鍵: T)
此模式可用來新增文字註解。
- 點擊 [文字] 按鈕切換至此模式。
- 在 [文字選項] 中設定 顏色、字號 與 字型。
- 在畫布上點擊您想放置文字的位置，會跳出一個輸入框。
- 輸入文字後按下確定，文字就會出現在畫布上。
- 修改文字：若要修改已新增的文字，請先切換回 [選擇模式 (V)]，點選該文字，即可在 [選中物件] 面板中直接修改其 內容、顏色、字號與字型。
步驟四：儲存與載入專案 (非必要)
如果您需要中途儲存進度，或重複使用某個版型：
- 匯出專案：點擊 [專案] 區塊的 [匯出專案 (.json)] 按鈕，會將您目前畫布上所有的物件、位置、設定儲存成一個
.json檔案。 - 匯入專案：點擊 [匯入專案 (.json)] 按鈕，選擇之前儲存的
.json檔，即可還原當時的編輯狀態。
步驟五：輸出為 PDF
當您完成所有編輯後：
- 在 [輸出] 區塊，點擊 [輸出為 PDF] 按鈕。
- 瀏覽器將會自動產生一個名為
canvas_export_hires_no_margin.pdf的檔案並開始下載。 - 這個 PDF 將會是高解析度且無邊框的，並會根據 藍色虛線 的位置自動切割成多頁。
其他實用功能
- 清空標註：若您只想保留圖片，清除所有的畫筆和文字，可以點擊 [畫布設定] 區塊的 [清空標註 (保留圖片)] 按鈕。
- 快捷鍵：
V: 切換到選擇工具B: 切換到畫筆工具T: 切換到文字工具Delete/Backspace: 刪除選中物件
希望這份說明能幫助您快速上手這個實用的小工具！