繪圖與 CAD 指南

線上 2D CAD 怎麼畫:從格線設定到 PNG/SVG 交付

把 2D 草圖拆成版面設定、幾何繪製、檢查與匯出四段,讓線上繪圖板適合快速示意、教學與溝通,而不誤當成完整工程 CAD。

更新日期:

要解決的問題

很多人打開線上繪圖板就直接拉線,結果比例忽大忽小、直角不準、文字貼到邊界,或匯出後線條在簡報與列印中變得太細。先確定工具能做什麼,再按交付用途驗收,通常比事後補救快。

適合誰使用

適合教師示範幾何與平面配置、學生交作業草圖、產品或活動團隊畫簡單配置,以及需要快速分享示意圖的使用者。涉及精密製造、完整圖層、尺寸標註標準或工程簽核時,應改用合適的專業 CAD。

公式與概念

先設定畫布用途與比例。若只是課堂示意,先決定「一格代表多少」並在標題寫清楚;若要放進簡報,先用投影片實際寬度估算線條與文字大小。瀏覽器畫布的像素不是工程圖的實體單位,不能直接宣稱是毫米或英吋。

打開格線與吸附後再畫主要輪廓。格線提供視覺參考,吸附則把端點靠近規則位置;兩者都不是測量儀器。先畫外框、中心線與主要開口,再補次要線段,能減少每一段各自漂移。

需要水平或垂直邊時使用正交模式,不要靠眼睛把游標拉直。正交線適合房間平面、盒體、座位配置與簡單流程框;斜線或自由形狀則應關閉正交,避免工具替你改變原本想畫的角度。

把文字、箭頭與輪廓分開檢查。線條重疊時,先確認讀者要看的主路徑;標籤不要壓在交點或貼著畫布邊界。這類圖的目標是讓人快速理解空間關係,不是把每個像素塞滿。

匯出前先做三個回讀:縮放到 100% 看細線,縮小到預計顯示尺寸看文字,最後用另一個檢視器開啟檔案。PNG 適合需要固定像素的簡報截圖或列印草稿;SVG 適合需要縮放而不想讓幾何線條變糊的網頁或設計流程,但接收端必須支援 SVG。

這個工具的邊界要寫在交付說明中。FunnyTools 2D CAD 繪圖板適合瀏覽器內的快速草圖與 PNG/SVG 輸出;它不會建立 DWG/DXF 工程資料庫,也不會替你做公差、圖層標準或製造檢核。清楚說明限制反而能避免收件人把示意圖當成施工依據。

若要交作業或開會,檔名加入主題、比例假設與日期,並保留一份未壓縮的 SVG 或原始草稿。之後若只剩一張模糊 PNG,很難判斷是繪製錯誤還是匯出尺寸不足。

操作步驟

  1. 寫下圖的用途、讀者、畫布比例假設與不可漏掉的標籤。
  2. 在 2D CAD 繪圖板開啟格線,依需要啟用吸附與正交線。
  3. 先畫外框、中心線與主要開口,再補細節和文字。
  4. 關閉或開啟正交模式逐一完成直角與斜線,避免模式誤套。
  5. 以 100%、實際顯示尺寸與另一個檢視器回讀線條、文字、邊界和重疊。
  6. 按用途選 PNG 或 SVG,加入日期與比例假設後下載,並保留來源版本。

實際範例

老師要示範教室座位配置,先把畫布定為「一格代表一排間距」,開啟格線與正交線,畫出講台、四列桌子和逃生通道,再把組別名稱放在不遮住線條的位置。課堂投影用 PNG,課後講義用 SVG;兩份都標示「示意圖,非實際尺寸」,避免學生誤把像素當成公分。

常見錯誤

  • 沒有寫比例假設,卻把畫布像素當成實體尺寸。
  • 只靠目測畫直角,造成輪廓慢慢偏斜。
  • 忘記切換正交模式,讓斜線被限制成水平或垂直。
  • 只看放大預覽,沒有在投影片或手機的實際尺寸檢查文字。
  • 把 PNG 壓得太小,或把 SVG 交給不支援的系統。
  • 把快速示意圖當成有尺寸、公差與工程簽核的正式圖面。

推薦工具

簡易 2D CAD 製圖板在網格畫布上繪製線段、矩形、圓形與折線,支援拖曳、縮放、匯出 PNG/SVG。工具🔒 本機處理立即使用最新工具
圖片尺寸調整在瀏覽器本機調整圖片寬高,保留比例並下載新檔案。工具🔒 本機處理立即使用
圖片壓縮在瀏覽器本機壓縮 JPG、PNG、WebP 圖片,不上傳檔案。工具🔒 本機處理立即使用

常見問題

線上 2D CAD 可以取代 AutoCAD 嗎?
不能一概而論。它適合快速平面草圖、教學與溝通;若需要 DWG/DXF、完整圖層、精密標註、協作權限或工程簽核,應使用符合規格的專業 CAD。
2D CAD 草圖要下載 PNG 還是 SVG?
固定像素的投影、截圖或簡報通常用 PNG;需要縮放且接收端支援向量圖時用 SVG。無論哪種格式,都要在實際顯示尺寸檢查線條與文字。
格線等於精確測量嗎?
不是。格線與吸附協助畫出一致的相對位置,但瀏覽器畫布沒有自動變成工程單位;要做正式尺寸仍需專業 CAD 或其他測量流程。
為什麼匯出的線條看起來太細?
可能是把圖縮得太小、投影或列印解析度不同,或 SVG 檢視器套用不同縮放。先在預計尺寸回讀,再增加線寬或改用較大的 PNG 輸出。

下一步

打開 FunnyTools 2D CAD 繪圖板,先設定格線與正交模式,完成一張標示用途與比例假設的草圖,再按交付情境匯出 PNG 或 SVG。