線上繪圖板
用筆刷、顏色與橡皮擦在白色畫布手繪,支援復原與 PNG 匯出。
線上繪圖板是一個簡單的本機手繪畫布,可調整筆刷顏色與粗細,切換橡皮擦,復原上一筆,清空畫布,並把作品匯出成 PNG 圖片。
工具互動區
實測範例:復原上限與筆刷粗細範圍
畫布內部解析度固定是 960×560 像素,不管螢幕顯示多寬,滑鼠或手指座標都會依目前顯示寬度換算回這個固定尺寸,所以手機小螢幕上畫出的線條,跟桌機大螢幕上畫出的線條會對應到同一組內部座標,匯出的 PNG 永遠是 960×560。
復原功能最多記住 30 個步驟:每畫完一筆,工具就把當下整張畫布存成一張 PNG 快照放進歷史紀錄;超過 30 筆之後,最舊的快照會被丟棄,也就是連續按「復原」超過 30 次之後,最早期的筆跡就無法再復原。
- 筆刷粗細滑桿範圍是 1 到 48 像素,數值旁邊會即時顯示目前粗細,例如「8 px」。
- 復原機制以「最近 30 個畫布快照」為單位,不是以「最近 30 個滑鼠動作」為單位。
匯出前的驗證方法,以及跟流程圖工具的分工
匯出前的驗證方法:按「匯出 PNG」下載後重新開啟圖片,確認筆跡位置、顏色與粗細跟畫面上看到的一致;如果之後想把圖案疊在有顏色的背景上,要知道這個工具不會輸出透明背景,需要另外用去背工具處理。
如果你要畫的是有方向箭頭、可雙擊編輯文字的流程圖,而不是自由手繪,本站的流程圖製作工具提供矩形與菱形節點並支援拖曳;兩者都匯出 PNG,但繪圖板的筆跡沒有物件化,畫完就是純像素,無法之後單獨修改某一筆的文字或位置。
如何使用
- 選擇筆刷顏色並調整筆刷大小。
- 在白色畫布上用滑鼠、觸控板或手指直接繪圖。
- 需要擦除時開啟橡皮擦;畫錯可按復原移除上一筆。
- 完成後按匯出 PNG 下載目前畫布。
常見使用情境
- 快速畫草稿、簽名、批註、課堂白板或社群貼圖概念。
- 在手機或平板上用手指記錄簡單圖形與想法。
- 匯出 PNG 後貼到文件、簡報、聊天或筆記中。
適合誰使用
- 需要快速手繪草圖、簽名或批註的使用者
- 製作課堂白板示意圖的老師
- 用手機或平板隨手記錄想法的使用者
實際案例
手繪課堂示意圖
用不同顏色的筆刷畫出簡單的座位圖或概念關係,畫錯時用復原移除上一筆,完成後匯出 PNG 貼進投影片;畫布內部固定 960×560 像素,不論螢幕多寬,匯出的圖片尺寸都一樣。
手機上快速記錄圖形
觸控座標會依目前畫布顯示寬度換算回固定的內部解析度,所以在小螢幕手機上用手指畫的線條,換算後仍對應到同一組座標,不會因裝置不同而跑位或變形。
注意事項
- 復原歷史最多保留 30 筆,超過之後最舊的筆跡就無法再復原,只能用「清除」重畫。
- 橡皮擦是用白色覆蓋筆跡,不是清除成透明;匯出的 PNG 一定帶不透明白底。
- 這個工具沒有物件化的節點或圖層,畫完就是單純的像素圖,無法事後個別移動某一筆。
常見問題
- 這個繪圖板會自動儲存嗎?
- 不會。請在離開頁面前匯出 PNG。重新整理或關閉頁面後,畫布內容通常會消失。
- 橡皮擦會讓背景透明嗎?
- 不會。此工具使用白色畫布,橡皮擦會以白色覆蓋筆跡,匯出的 PNG 也是白底圖片。
- 可以在手機上使用嗎?
- 可以。畫布支援 Pointer Events,通常可用手指或觸控筆繪圖。
隱私與本機處理
🔒 此工具完全在您的瀏覽器本機執行,不會將任何資料上傳到伺服器。
繪圖內容保留在你的瀏覽器畫布中,匯出 PNG 時也在本機產生,不會上傳圖片。
信任與使用提醒
本工具主要在你的瀏覽器中執行,輸入內容不會主動上傳到伺服器。請避免輸入高度敏感資料。計算結果僅供參考。
最後更新:
訂閱更新
新工具上線與實用技巧,第一時間寄到你的信箱。不塞廣告,隨時可退訂。